Question

请参阅a jsfiddle example

 labels: {
        items : [{
            html : 'Center Me!',
            style : {
                left : '0px',
                top : '-15px',
                fontSize : '20px'
            }
        }]
    }

我正在尝试将/ labels / items JSON元素中的自定义标签对齐到标题和副标题下方。

使用firebug我可以更改标签的SVG文本元素并添加text-align ='middle'并将x =''属性更改为与标题的x属性具有相同的值。这使得它在标题下完美对齐并在调整大小时保持在那里，但我无法弄清楚如何使highcharts库生成此源。

也许有更好的方法在副标题下添加另一个标签？

Answer 1

快速修复：将此添加到您的样式

左：'160px'

Answer 2

如果您愿意，您还可以在生成图表后添加HTML元素以执行此效果（请参阅http://jsfiddle.net/brightmatrix/5517s8zb/1/处的示例）。

在这种情况下，要获得正确的居中效果，您需要明确定义容器div的宽度。

UIImageView

这是HTML元素：

<div id="container" style="height: 400px; width: 100%"></div>

我做了容器高度的10％，以帮助使位置更加灵活。您也可以选择添加或减去特定像素尺寸，直到将其放置在您喜欢的位置。

我希望这有用！

Answer 3

我使用了感知。

           left:300%

检查此jfiddle http://jsfiddle.net/F2erm/146/

如何在highcharts中对齐自定义标签的中心

3 个答案: