Highcharts - 如何在缩放时动态更改标记半径？

Question

我正在使用系列类型为“散点图”的 Highcharts。我还启用了 x 轴缩放功能。

现在最好让标记半径适应缩放级别。像这样的东西:

events: {
    selection: function(event) {
        var extremesObject = event.xAxis[0],
            min = extremesObject.min,
            max = extremesObject.max;

        this.series[0].marker.radius = (max - min)/5;
    }

最后一行 this.series[0]... 是我要找的代码。

我试过这个:

        jQuery.each(this.series[1].data, function (i, point) {
            point.update({
                marker: {
                    radius: 10 / (max - min)
                }
            });
        });

但这在重绘事件上使用时会给我一个错误。这是一个例子:http://jsfiddle.net/dbX4F/2/

Answer 1

我认为这在当前版本的 highcharts 中是不可能的，因为它没有更新系列选项的 API。但是，在 v3Beta 版本中是可能的。

缩放的数学需要一些工作，但我已经掌握了这里的基础知识:http://jsfiddle.net/Jrh2G/

events: {
    selection: function (event) {
        var extremesObject = event.xAxis[0],
         min = extremesObject.min,
         max = extremesObject.max;
        console.log(min + " " + max);
        // The maths needs some work to make the radius scale better with min/max.
        // Also, you should probabl take into account min/max y values as well.
        this.series[0].update({marker:{radius:10/(max-min)}});
}