How to align centre a custom label in highcharts

Posted by Chrissy on Stack Overflow See other posts from Stack Overflow or by Chrissy
Published on 2011-10-09T03:27:45Z Indexed on 2012/09/24 9:37 UTC
Read the original article Hit count: 339

Filed under:

highcharts

See a jsfiddle example

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.

Maybe there is a better way to add another label under the subtitle?

Related posts about highcharts

HighCharts : Adding Hyperlinks to the X-Axis of the chart

as seen on Stack Overflow - Search for 'Stack Overflow'
I have been using HighCharts in my PHP website by migrating it from older charts and I am very impressed by the number of graph options and functions with this library. However I am not able provide hyperlinks to the values of the x-axis(or y-axis) in order to navigate to another URI. Code of Categories… >>> More
FusionCharts vs GoogleCharts vs HighCharts suggestions required for commercial use

as seen on Stack Overflow - Search for 'Stack Overflow'
I find that FusionCharts v3 evaluation and HighCharts cannot be used for commercial purpose. Google charts is the best option but those are not as good looking as any of the above. They don't even have 3d charts although their visualization API does support 3D which i cannot find. Is there any open… >>> More
Highcharts Area graph, use 2 fill colors above / below X axis

as seen on Stack Overflow - Search for 'Stack Overflow'
In Highcharts, I'd like to fill an Area graph with 2 colors, positive values get one color, negative values get another color. I've been able to do this with a linearGradient, but this must be adjusted based upon the size of the container. Is there a more general way of doing this, e.g. setting… >>> More
highcharts correct json input

as seen on Stack Overflow - Search for 'Stack Overflow'
i am trying to do a basic column chart. i have looked the examples but not sure why i do not see any graph (lines). I can see the title and subtitle appear an no javascript errors in firebug. any help please $(function () { var chart; $(document).ready(function()… >>> More
How to align centre a custom label in highcharts

as seen on Stack Overflow - Search for 'Stack Overflow'
See a jsfiddle example 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… >>> More

Developer IT