Making Highcharts support right-click context menu

Currently, Highcharts (v2.1.4) doesn’t support (right click) context menu but this is in the feature request. Unfortunately, I don’t have the luxury to wait for the democratic process. So I did it the hard way and spent half a day to understand the Highcharts code and made the necessary changes to support right click context menu.

First, download and apply the patch diff to your Highcharts source code. Then to make the Highcharts context menu feature, you need to define the context menu event handler in the config, same as how you define click handler. Here is an example for a column chart:

....
plotOptions: {
   column: {
      allowPointSelect: true,
      events: {
         // Default action for (left) clicking the data
         click: function(point) {

         },
         // (Right-click) Create a menu for the data point
         contextmenu: function(point) {
            ....
         },
      }
   }
}
....

Here is a screenshot of my ExtJS (3.2) application integrated with HighChart and using context menu.

Tested on IE8, Safari 5 and Firefox. Let me know if you find any problem.