javascript - Highcharts，在缩放期间显示跟随选定点的文本

Question

我可以在一个点附近显示一个文本，但实际上，这个文本并没有附加到该点上。并且文本在缩放期间不跟随该点。

我制作了这段代码并且它的工作：

events: {
    redraw: function() {
        $.each(chart.getSelectedPoints(), function(i, point) {
            $('#txt-'+point.x+'-'+point.y)
            .attr('y', point.plotY + chart.plotTop - 10)
                .find('tspan')
                .attr('x', point.plotX + chart.plotLeft + 10);
        });
    }
},

这个函数在点选择事件上被调用：

function addText(point) {
    chart.renderer.text(
        'paf!',
        point.plotX + chart.plotLeft + 10,
        point.plotY + chart.plotTop - 10
    ).attr({
        zIndex: 5,
        id: 'txt-'+point.x+'-'+point.y
    }).add();
}

完整代码：http: //jsfiddle.net/ManUtopiaK/XaURC/

我只是想知道是否有另一种官方的方式来做到这一点？

Answer 1

它不遵循，因为当您使用渲染器添加点时，您以像素为单位定义位置，即x：100px，y：100px，并且缩放后图表中的像素与没有缩放的位置相同。在其他作品中，当您使用 Renderer 时，您不会像 x:3 和 y:4 那样定义与图表相关的位置，而是以像素为单位。