Highcharts : tooltip pointFormat truncate value upto two decimal places to display in tooltip
by jpeter06
HTML
<script src="http://code.highcharts.com/highcharts.str.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
JavaScript
x = null;
$(function () {
$('#container').highcharts({
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
tooltip: {
//valueSuffix: '°C',
enabled: true,
pointFormat:'<span style="color:{series.color}"></span> {series.name}: <b>{point.y:.2f}</b><br/>'
/*formatter:function(){
return '<span style="color:'+this.series.color+'">'+this.series.name+'</span>: <b>'+(this.y*100)+'%</b>';
}*/
},
chart: {
},
plotOptions: {
},
series: [{
name: 'Tokyo',
data: [7, 6.9214, 9.5563, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}]
});
});