Skip to content

Archive for


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. Read more »


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).
Read more »


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.