Skip to content

Archive for


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

Highcharts Extension for ExtJs  API doc

Read more »


Learning Highcharts book – online demos

Learning Highcharts book online demo

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.


StoreMenu for ExtJs 4 – a dynamic toolbar menus created from the Store

StoreMenu screenshotI have been maintaining and enhancing StoreMenu for ExtJs 3 but never got the time to update the extension for ExtJs 4. Here it is, a complete rewrite and native implementation for ExtJs 4.

Click here for tutorial and API documentation in Sencha style.

For online demo, click here


VMplayer: How to bridge to a specific network port

Suppose you need to bridge another network interface under your VM to a specific physical network port. First, you need to create a vmnet port and bind with that specific port. Here are the commands:

vmnet-bridge -n 2 -i eth1  -d /var/run/ -1vmnet2
mknod /dev/vmnet2 c 119 4
vmnet-netifup -d /var/run/ /dev/vmnet2 vmnet2
ifconfig vmnet2 up

Read more »


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

Read more »


jQuery Mobile: The Concept of Linking Mobile Pages (2)

Scenario 3: Load mobile page from another HTML document via Ajax

Recalling the scenario 2, we can load a mobile page from another HTML document using a normal HTTP request. This is the simplest way to load an external mobile page because any custom JavaScript code (e.g. pageinit handler code) can be put inside the <script> embedded inside the HTML <head> section. So once the document is loaded with HTTP request, the pageinit bind event code is also guaranteed to be run for all the mobile pages in that document. The downside is that we don’t get animated page transition because the previous DOM has been destroyed from the new document load. Read more »


jQuery Mobile: The Concept of Linking Mobile Pages (1)

It took me a while to grasp the concept of linking pages in jQuery Mobile (jQM). I must say it was a little bit awkward to start with. However, it soon becomes clear to me that this is actually very simple and light design. This article is to illustrate such concept, not a guide to show you how you should organise jQM pages. Also by understanding this concept, hopefully it helps you to design your web application with fluid user experience and less confused on attaching JavaScript code with mobile page. Before we talk about how mobile pages referring to each other,  assume we all know the jQuery Mobile syntax and the following conditions: Read more »