Highcharts selection event callback: exposing mouse event clientX & clientY info

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.

Highcharts extension (update) – Sencha style API & tutorial documentation

Learning Highcharts book – online demos

The kindle version for “Learning Highcharts” is out now. Here is also the link for the online demos of all the examples from the book.

Learning Highcharts – A book shows you what you can do with Highcharts

Highcharts is an HTML 5 JavaScript charting library which offers stunning graph presentation, highly flexible configurations, APIs and events, a great selection of different types of charts.

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

Highcharts Extension for Sencha ExtJs 4 and Touch 2

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.

Making a pictograph with Highcharts

Although Highcharts 2.3 doesn’t support pictograph, it is possible to create one. The main idea is to use scatter chart and define each point as an object with marker symbol. You can check out this jsFiddle.

Highcharts Extension for ExtJs 4: Supports animation & Highcharts 2.3

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.

PhantomJS: a new way for running Highcharts on the server side

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)
• Node/Node.js + Highcharts NodeJs module (Javascript solution)

I didn’t realise there is another one, PhantomJS (thanks to the remark by Torstein Hønsi).

Highcharts Gauge chart: Fiat 500 Speedometer

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.

How to plot a horizontal gauge chart in Highcharts

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