I have been manually doing this change in my own versions of Highcharts for couple years and it is not been done in the latest version (pre 3.0). This minor feature probably too trivial to consider. However, after recent discussion with Torsein, he thinks this is a good idea and it will be put in Highcharts 3.0 code base.
Here is my first published book, Learning Highcharts, showing you what you can do with Highcharts. This book contains :
- a step by step guide from simple to presentable charts
- a missing manual on topics such as: chart layout policy, color shading, etc
- application demos with dynamic and interactive charts using Highcharts APIs and events
- a guide to setup Highcharts running on the server-side
- application demos with mobile web framework jQuery Mobile and desktop Rich Internet Application framework Ext JS
- many examples of charts with series types: line/spline, area spline, column, bar, scatter, pie, gauge, polar, area range and column range
- even more examples on charts with specific configurations such as: projection line chart, stacked mirror chart, horizontal gauge chart, and much more
Here is a new version of Highcharts extension which now supports both Sencha products: ExtJs 4 and Touch 2. That means the latest extension is in a new github repository, Highcharts_Sencha, whereas the old Highcharts_ExtJs_4 becomes obsolete. Nothing have been changed in terms of programming, you use the extension the same way in both Touch 2 and ExtJs 4. Read more
If you have any issues or questions using this extension, please go to github and submit a question.
The Highcharts Extension (v2.0) for ExtJs 4.1 is here in the github. It has a lot of major features:
- Support Highcharts 2.3: Gauge, Polar and Range charts
- Support animation for all the charts: initial, update and line shift.
- A lot of optimisation is done.
PS: More documentation to come.
While I was writing up a survey for running Highcharts on the server side which accounts for 3 approaches:
- Xvfb + web browser on server side (Unix only)
- Rhino + Env.js (Java solution)
This is to show off why you should use Highcharts. The Highcharts 2.3 supports the amazing gauge charts. At first, I don’t know whether Highcharts is flexible and powerful enough but I give it a go anyway to plot a Fiat 500 speedometer. After spending nearly half a day, it is possible. You can try this with jsFiddle. Hat off to Highcharts.
The cool design of Fiat 500 speedometer is actually a perfect fit to test drive the gauge chart because it includes two dials on the same gauge, multiple backgrounds, multiple panes, plotBands in pane, dataLabels background, multiple axes, etc.
Sorry, I don’t have time to write up how I did it but will do so.
It is simple to plot a horizontal gauge chart. The main concept is a chart with single bar and the whole plot area is restricted to the size of the gauge. Here is a screenshot of the horizontal gauge chart