show tooltip content in center line highcharts

The solution is to use HTML '' format for tooltip with 'text-align: center'.

find the source code attachment.

http://jsfiddle.net/BlackLabel/sarr7wym/

Visit this link for live demo.

now, I got solution

tooltip: {

useHTML: true,

formatter: function (d, i) {

var per = this.points[0].y;

var index = d.chart.xAxis[0].categories.indexOf(this.points[0].x);

var total = d.chart.series[1].data[index].y;

return '

' + this.points[0].x + '
\u25CF ' + d.chart.series[0].name + ': ' + this.points[0].y + '%
*(' + (per total / 100).toFixed(0) + ' of ' + total + ')**

}

, shared: true,