2014-09-03 90 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图形。