implement dynamic font size
Implemented with Highcharts 5, see http://jsfiddle.net/gh/get/jquery/1.7.2/highcharts/highcharts/tree/master/samples/highcharts/css/em/
@Jack It seems to me that you are not redrawing the chart, so the layout isn't adjusted to the new font size. This part of the code is removed:
// Update layout based on new font and line sizes
chart.isDirtyLegend = true;
Jack Smith commented
I used this feature. But as thre are lots of categories so I have to manage width of chart dynamic.
When I use https://code.highcharts.com/js/highcharts.js file then the width increase but scroll bar does not shown and can not see complete graph.
When I use https://code.highcharts.com/highcharts.js file width issue resolved and I can see a scroll bar to get all categories but then dynamic font size feature doesn't work.
Below are two versions with issue
@Derek Moore: It is pure SVG. If you found pieces of HTML in Highcharts, it is because you have added the useHTML option for certain labels. Read more at http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html.
Derek Moore commented
Why can't Highcharts be pure SVG? Instead it is currently a mix of SVG for graph components and HTML for label and text components. The text should scale with with the graph components. Take, for example, the following SVG:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
viewBox="0 0 744.09448819 1052.3622047"
y="131.3622">This is scalable?</tspan></text>
Here the text will scale with the graph, and there is no need for programmatic access to font scaling.
Looks promising, I'll go and try to implement this.
This idea is extended in http://highcharts.uservoice.com/forums/55896-general/suggestions/3378262-scalable-graph-and-gauge
this idea is basically an extension of http://highcharts.uservoice.com/forums/55896-general/suggestions/2258241-implement-dynamic-font-size