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和y值）。我有两个滑块，最终（在你的帮助下）设置图表上点的x和y值。

任何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等。

如何使用javascript设置asp图表的x轴（或y轴）值

1 个答案: