2014-09-03 129 views
0

我有一個簡單的asp圖表我怎樣才能使用javascript

<asp:Chart ID="chtRISKSCORE" runat="server" Width="450px" BackColor="#1E1E1E" Height="400px"> 
    <Titles> 
     <asp:Title ForeColor="White" Text="Risk Score" Font="Tahoma, 12pt"/> 
    </Titles> 
     <BorderSkin PageColor="Transparent" BackColor="Transparent" BackHatchStyle="None" /> 
    <Series> 
     <asp:Series Name="Categories" ChartType="Column Palette="EarthTones" ChartArea="MainChartArea" LabelForeColor="White" LabelBackColor="White"></asp:Series> 
    </Series> 
    <ChartAreas> 
     <asp:ChartArea Name="MainChartArea" BackColor="Transparent" Area3DStyle-Enable3D="false"> 
      <Area3DStyle Enable3D="false"></Area3DStyle> 
     </asp:ChartArea> 
    </ChartAreas> 
</asp:Chart> 

我想做的是允許用戶設置設置一個asp圖表的x軸(或y軸)值點越過(即設置x和ay值)。我有兩個滑塊,最終(在你的幫助下)設置圖表上點的x和y值。

任何Javascript例子都是完美的。到目前爲止,我似乎無法找到有關此問題的任何信息。

我已經開始了,但現在我卡住了。所以我添加一個'onValueChanged'事件到一個滑塊。然後我找到了asp圖表,但我怎樣才能設置x(或y)軸的值?

function pageLoad(sender, e) { 
    var slider = $find("<%=sleNEWSCOREIMPACTSLIDER.ClientID%>"); 
    slider.add_valueChanged(onValueChanged); 
} 

function onValueChanged(sender, e) { 
    var slider = $find("<%=sleNEWSCOREIMPACTSLIDER.ClientID%>"); 
    var slidervalue = slider.value; 
    var chart = $find("<%=chtRISKSCORE.ClientID%>"); 
    var series = chart.options.series; 
} 

回答

0

您不能在客戶端使用JavaScript修改圖表。該圖表是在服務器上生成的圖像。所以在滑動之後,您需要返回服務器並根據滑動值再次生成圖表。如果你想要一個在客戶端與用戶輸入交互的圖表,並且可以用簡單的JavaScript和jquery進行控制,那麼你需要使用像jqplot等jQuery圖形。