如何使用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>

我想做的是允许用户设置点的交叉点（即设置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;
}

Answer 1

您无法使用JavaScript在客户端修改图表。 图表是在服务器上生成的图像。 因此，滑动后，您需要返回服务器并根据滑动值再次生成图表。 如果您希望图表与客户端的用户输入进行交互并且可以通过简单的JavaScript和jquery进行控制，则需要使用jqplot等jquery图。