在高图表中添加完全高于x轴类别的标签。

Question

我试着放置标签，但我无法定位xAxis_categories的确切位置与图形的现实关系。因此，如果宽度是可变的，文本就会受到干扰，而不与类别http://jsfiddle.net/akataria/qx4snpvb/8/保持一致。

startX = chart.xAxis[0].minPixelPadding + chart.xAxis[0].left ,
startY = chart.plotTop,
debugger;
r.text('19% yoy increase ', startX , startY)
.css({
color: '#4572A7',
fontSize: '11px',
}).add();

Answer 1

您可以渲染文本一次，然后查看元素的边框以确定文本的宽度，然后使用此信息再次呈现正确定位的文本。

例如：

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();

有关演示，请参见这个JSFiddle。