Highcharts,显示在缩放过程中跟随所选点的文本

时间:2013-01-18 23:32:07

标签: javascript charts highcharts

我可以在一个点附近显示文本,但实际上,这个文本没有附加到该点。在缩放过程中,文字不符合要点。

我制作此代码并它的工作

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

我只想知道是否还有其他官方方法可以做到这一点?

1 个答案:

答案 0 :(得分:0)

它没有跟随,因为当您使用渲染器添加点时,则您以像素为单位定义位置,即x:100px,y:100px,并且在缩放后,图表中的像素与没有缩放的位置相同。在其他作品中,当您使用渲染器时,您不会定义像x:3和y:4这样的位置,它与图表有关,但在像素中。