使用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 of this example会给你一个起点。