Text 使用Highcharts绘图API在rect中居中显示文本

Text 使用Highcharts绘图API在rect中居中显示文本,text,highcharts,drawing,center,Text,Highcharts,Drawing,Center,我尝试使用highcharts的绘图API。我正在尝试创建一个内置文本的自定义地图。但是我找不到一种方法将文本放在矩形中居中。我必须创建一个统一的宽度框内不同的文字。是否有任何方法可以通过手动调整/添加将文本居中,如示例所示。谢谢。元素打印为SVG/VML元素,而不是HTML,因此不能使用文本对齐:居中 您可以使用属性文本锚点将文本置于容器内的中心,如下所示 renderer.text('helloworld', xVal, yVal).attr({ "text-anchor" : "m

我尝试使用highcharts的绘图API。我正在尝试创建一个内置文本的自定义地图。但是我找不到一种方法将文本放在矩形中居中。我必须创建一个统一的宽度框内不同的文字。是否有任何方法可以通过手动调整/添加
将文本居中,如示例所示。谢谢。

元素打印为SVG/VML元素,而不是HTML,因此不能使用文本对齐:居中

您可以使用属性文本锚点将文本置于容器内的中心,如下所示

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

已找到将文本居中对齐的解决方案

ren.标签('   测试',210,200,'rect',null,null,true)

标签来自useHTML参数,该参数默认设置为false。
您也可以使用pre标记。

请粘贴您尝试过的代码。ren.label('Example Long Text'),5,50)。attr({padding:10,width:50,zIndex:5,r:5})。css({color:'white'})。add().shadow(true);ren.rect(10,10100100,5).attr({“笔划宽度”:2,填充:颜色[0],zIndex:3}).add();}请在问题中添加代码,以便人们在查看问题时更容易帮助您。我只使用了由提供的示例。那里的文本是使用换行符手动调整的
。是否有任何方法可以将由海图图形创建的容器内的文本居中?谢谢