Chart.js: Thousands seperator

[becktowery]

How can I implement the thousands separator shown last year into the latest build? Thanks!

[toncid]

You can vote for #438 and then use the template field as a function that will produce the necessary output.

[nnnick]

:+1: #438 is merged and released so you should be able to do this.

Something like this should do the trick:

scaleLabel: function(label){return label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");}

[googol7]

Is that possible to have a thousands separator for the tooltips as well?

// String - Template string for single tooltips
tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>",

// String - Template string for single tooltips
multiTooltipTemplate: "<%= value %>",

BTW: The comment above multiTooltipTemplate says: "Template string for single tooltips" here: http://www.chartjs.org/docs/#getting-started-global-chart-configuration

[googol7]

got it:

Chart.defaults.global.multiTooltipTemplate = function(label){
    return label.datasetLabel + ': ' + label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
};

[googol7]

here's the final example including thousands separators for tooltips: http://jsbin.com/jihadu/1/edit?html,js,output

[artdias90]

+1

[urtzai]

+1

[m98]

I'm using Angular Chart.js (Anyway; it's Chart.js) here is how I thousand separate the tooltip number:

$scope.chartOption = {
            tooltips: {
                enabled: true,

                callbacks: {
                    label: function (tooltipItems, data) {
                        return data.datasets[tooltipItems.datasetIndex].label + ' : ' + tooltipItems.yLabel.toLocaleString();
                    }
                }
            }
          }

[vietnguyen09]

got it:

Chart.defaults.global.multiTooltipTemplate = function(label){
return label.datasetLabel + ': ' + label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
};

Only your solution works for me, thanks dude