在highcharts中的x轴类别正上方添加标签
我尝试放置标签,但我无法定位与图形相关的xAxis_类别的确切位置。 所以,如果宽度不同,文本会受到干扰,而不会与类别保持一致在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
可以渲染文本一次,然后查看元素的边界框以确定文本的宽度,然后使用此信息通过再次渲染来创建位置正确的文本 例如:
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();