Highchart line chart Tooltip showing index value i

Question

My Problem of alignment is resolved with Highcharts graph should start entirely to the left and end entirely to the right

But the tooltip information shown with index instead of x-axis label.

Without calling Highcharts.Axis.prototype.init below is the output?

http://jsfiddle.net/mkpasala/3s0prgau/

When I called the Highcharts.Axis.prototype.init method like below, instead of xAxis label its showing index.

http://jsfiddle.net/mkpasala/k94cfn8t/

Please help me to fix this inside Highcharts.Axis.prototype.init method.

Answer 1

I resolved the issue by taking categories into a variable before calling Highcharts.Axis.prototype.init and used tooltip.formatter function to format the tooltip. Below is the link to that solution.

jsfiddle.net/mkpasala/3s0prgau/14/