javascript - 使用 High Charts addPoint() 约束到 x 值

Question

我在这里阅读了一些关于高图表 ​​addPoint() 函数的信息：

http://api.highcharts.com/highcharts#Series.addPoint ()

我完全接受了创建这样一个图表的想法：

http://www.highcharts.com/demo/dynamic-click-to-add

...但是我有一个固定的 x 和 y 比例，并且用户只能在比例上放置一个 5 的倍数的点.. 例如 x=10 和 y=20 处的点...

是否已尝试过，和/或考虑到 API 中提供的选项是否可行？

谢谢

Answer 1

您可以在您的点击处理程序中修改此行为 - 您可以在那里获得准确的点击值，您可以简单地将其四舍五入到您喜欢的下一个间隔：

            events: {
                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];

                    // round given click point to intervals
                    x = Math.ceil(x / 5) * 5;
                    y = Math.ceil(y / 5) * 5;

                    // Add it
                    series.addPoint([x, y]);

                }
            }

此示例的Demo将为您提供一个起点。