i want to change the "label" for the "datasetlabel" width "multiTooltipTemplate". But i find the solution only for the previous version of chart.js

Can you tell me how to convert this :

multiTooltipTemplate: "<%%=datasetLabel%> : <%%= value %>",

To the version 2 of Chart.js

For now i got this in option :

    options: {
tooltips: {
            enabled: true,
            mode: 'single',
            callbacks: {
                label: function(tooltipItems, data) { 
                    return tooltipItems.yLabel + ' €';
                }
            }
        },
}

Thanks for helping

i want to change the "label" for the "datasetlabel" width "multiTooltipTemplate". But i find the solution only for the previous version of chart.js

Can you tell me how to convert this :

multiTooltipTemplate: "<%%=datasetLabel%> : <%%= value %>",

To the version 2 of Chart.js

For now i got this in option :

    options: {
tooltips: {
            enabled: true,
            mode: 'single',
            callbacks: {
                label: function(tooltipItems, data) { 
                    return tooltipItems.yLabel + ' €';
                }
            }
        },
}

Thanks for helping

• javascript
• jquery
• plugins
• chart.js

1 Answer 1

Your options object should be

...
options: {
  tooltips: {
    callbacks: {
      label: function(tooltipItem, data) {
        var datasetLabel = data.datasets[tooltipItem.datasetIndex].label || '';
        return datasetLabel + ' : ' + tooltipItem.yLabel + ' €';
      }
    }
  }
}
...