Question

见。 jsfiddle example

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

I am trying to align the custom label in the /labels/items JSON element to hang right under the title and subtitle.

Playing with firebug I can alter the SVG text element for the label and add text-align= middle and change the x= attribute to have the same value as the title s x attribute. This makes it perfectly align under the title and stay there when resized but I can t figure out how to make the highcharts library generate this source.

在标题之下添加另一个标签是否更好?

Answer 1

快速解决方案: 添加字句

左侧:160px

Answer 2

如果你愿意,你还可以在制作图表之后添加一个超文本部分(见 )。

在这种情况下,为了取得适当的中心效果,你需要明确界定集装箱干.。

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

此处为超文本部分:

/* add an HTML element to the chart starting at 0px from the left corner and 
   10% of the container s height from the top */
chart.renderer.html( <div align="center" style="font-size: 20px; width:   + 
$( #container ).width() +  px">Center Me!</div> ,0,$( #container ).height()*.1).add();

我确实是集装箱高度的10%,以帮助使这一位置更加灵活。你们也可以选择添加或贬低具体的六氯环,直到你把它放在你喜欢的地方。

我希望这是有益的!

Answer 3

而我却用了tang。

           left:300%

http://jsfiddle.net/F2erm/146/“rel=“nofollow” http://jsfiddle.net/F2erm/146/

友情链接