HTML5 Charts custom formatting: how to split the value with commas and decimal point.

[toc on_off::hide=1]

Question:

I would like to split numeric value with decimal point, two digits should be shown after the decimal point.

How to apply this for Tooltips and Labels?

Answer:

You can achieve the desired result by applying custom formatting function for Tooltips and Labels by defining this function in the Advanced Chart Properties

(plotOptions.series.dataLabels.formatter and tooltip.formatter properties):

Below I quote a text of the sample of custom formatting function:

function() { return   this.series.name  +"<br/>"+ this.x +"<br/>"+Highcharts.numberFormat(this.y, 2) ;}

However there is an easier way to achieve this in case of tooltips.  You just need to specify the number of digits after the comma in the tab that is shown below (Tooltip->Value Decimals = 2):

case_51644_tooltip_formatting_and_label_formatting_10062016.jrxml