高图，显示在缩放过程中跟随选定点的文本

Highcharts, display a text who follow selected point during a zoom

本文关键字：文本 跟随 过程中 显示 缩放 高图      更新时间：2023-09-26

我可以在一个点附近显示一个文本，但实际上，这个文本并没有附加到这个点上。在缩放过程中，文本不会跟随点。

我做了这段代码和它的工作:

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);
        });
    }
},

在point select事件中调用这个函数:

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/ManUtopiK/XaURC/

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

它不遵循，因为当你使用Renderer添加点时，然后你以像素定义位置，即x: 100px, y:100px和缩放后的像素在图表中的位置与没有缩放时相同。在其他作品中，当你使用Renderer时，你不定义像x:3和y:4这样与图表相关的位置，而是在像素中。

相关文章：