在highcharts中的x轴类别正上方添加标签

在highcharts中的x轴类别正上方添加标签,highcharts,renderer,Highcharts,Renderer,我尝试放置标签,但我无法定位与图形相关的xAxis_类别的确切位置。 所以,如果宽度不同,文本会受到干扰,而不会与类别保持一致 可以渲染文本一次,然后查看元素的边界框以确定文本的宽度,然后使用此信息通过再次渲染来创建位置正确的文本 例如: var element = r.text('19% yoy increase ', 0 , 0) .css({ fontSize: '11px' }).add(); var width = element.getBBox().width; elem

我尝试放置标签,但我无法定位与图形相关的xAxis_类别的确切位置。 所以,如果宽度不同,文本会受到干扰,而不会与类别保持一致


可以渲染文本一次,然后查看元素的边界框以确定文本的宽度,然后使用此信息通过再次渲染来创建位置正确的文本

例如:

var element = r.text('19% yoy increase ', 0 , 0)
.css({
    fontSize: '11px'
}).add();

var width = element.getBBox().width;
element.destroy();

r.text('19% yoy increase ', data[0].plotX + chart.plotLeft - (width/2) , startY)
.css({
    color: '#4572A7',
    fontSize: '11px'           
}).add();
请参见演示。

谢谢ondkloss:)我在这里也找到了答案
var element = r.text('19% yoy increase ', 0 , 0)
.css({
    fontSize: '11px'
}).add();

var width = element.getBBox().width;
element.destroy();

r.text('19% yoy increase ', data[0].plotX + chart.plotLeft - (width/2) , startY)
.css({
    color: '#4572A7',
    fontSize: '11px'           
}).add();