Highchart Line Chart Tooltip Showing Index Value Instead Of X-axis Formatted Label Name

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-

Solution 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/