如何使用javascript设置asp图表的x轴(或y轴)值？

Question

我有一个简单的asp图表。

<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>

任何Javascript示例都将是完美的。到目前为止，我似乎在这个问题上找不到任何东西。

我已经开始这样做了，但是现在我被卡住了。因此，我向滑块添加了一个“onValueChanged”事件。然后我找到了asp图表，但是我如何设置x(或y)-axis值呢？

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;
}

Answer 1

您不能在客户端使用JavaScript修改图表。图表是在服务器上生成的图像。因此，在滑动之后，您需要返回到服务器，并根据滑动值再次生成图表。如果你想要一个在客户端与用户输入交互的图表，并且可以通过简单的JavaScript和jquery来控制，那么你需要使用jquery图，比如jqplot等等。