当前位置：文江博客话题详情

如何获取通过“单击添加”生成的一系列点在高图表中？

发布于 2024-12-28 06:16:20 字数 187 浏览 0 评论 0原文

您可以要求用户通过单击向字符添加点来提供数据，请参阅此演示。但我不知道如何检索这些点并将它们发送回服务器（使用 POST 或 AJAX 等）。我只是想知道如何在 javascript 中获取它们。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

杯别 2025-01-04 06:16:20

只需访问在 javascript 中定义的 chart 变量即可：

<!-- 2. Add the JavaScript to initialize the chart on document ready -->
<script type="text/javascript">
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            ...
        });         
    });
</script>

访问新点，如下所示：

<script type="text/javascript">
    function printObject(o) {
        var out = '';
        for (var p in o) {
            out += p + ': ' + o[p] + '\n';
        }
        alert(out);
    }

    $("#clickme").click(function() {
        for (var i = 0; i < chart.series[0].data.length; i++) {
            printObject(chart.series[0].data[i]);
        }
    });
</script>

Just access the chart variable defined like this in javascript:

<!-- 2. Add the JavaScript to initialize the chart on document ready -->
<script type="text/javascript">
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            ...
        });         
    });
</script>

Access the new points like this:

<script type="text/javascript">
    function printObject(o) {
        var out = '';
        for (var p in o) {
            out += p + ': ' + o[p] + '\n';
        }
        alert(out);
    }

    $("#clickme").click(function() {
        for (var i = 0; i < chart.series[0].data.length; i++) {
            printObject(chart.series[0].data[i]);
        }
    });
</script>

回复收藏 0 原文

陪你搞怪i 2025-01-04 06:16:20

也许比这更简单，如果您在链接到的演示中使用事件/单击函数，您可以在 addSeries 调用之前捕获值：

...
click: function(e) {
    // find the clicked values and the series
    var x = e.xAxis[0].value,
        y = e.yAxis[0].value,
    series = this.series[0];

    //Do something fun here w/the points: x,y
    ....
    //Stop doing something fun here w/the points    
    // Add it
    series.addPoint([x, y]);
}
....

Perhaps even simpler than that, if you use the event/click function in the demo that you linked to, you can capture the values before the addSeries call:

...
click: function(e) {
    // find the clicked values and the series
    var x = e.xAxis[0].value,
        y = e.yAxis[0].value,
    series = this.series[0];

    //Do something fun here w/the points: x,y
    ....
    //Stop doing something fun here w/the points    
    // Add it
    series.addPoint([x, y]);
}
....

回复收藏 0 原文

~没有更多了~