使用Highcharts Drawing API在rect中居中文本

时间:2014-02-16 13:25:13

标签: text highcharts drawing center

我尝试使用highcharts的绘图API。我试图在里面创建一个带有文本的自定义地图。但我找不到一种方法来将文本置于矩形中心。我必须在里面创建一个带有不同文本的统一宽度框。有没有办法将文本居中,手动调整/添加
就像示例http://www.highcharts.com/demo/renderer一样。感谢。

3 个答案:

答案 0 :(得分:1)

您可以将文本居中放在具有属性text-anchor的容器中,如此

renderer.text('helloworld', xVal, yVal).attr({
    "text-anchor" : "middle"
}).add();

答案 1 :(得分:0)

元素打印为SVG / XML元素,而不是HTML,因此您不能使用text-align:center;

答案 2 :(得分:0)

找到了使文本居中对齐的解决方案

ren.label('TEST',210,200,'rect',null,null,true)

标签带有useHTML参数,该参数默认情况下设置为false。 您也可以使用pre标签。