Chart.js: Tooltip data for stacked bar chart

[leahthedestroyer]

Hi there! I am trying to call the tooltip for the entire bar in a stacked bar chart instead of each individual stack. Basically I want the total amount of the bars to show up. Is that possible? Let me know if more information on this issue is needed.

Cheers

[etimberg]

@leahthedestroyer this should be possible. Do you have an image of what you'd like to achieve that may help narrow down an answer.

One possibility is that you use the footer callback to generate a line that has the total in it.

[leahthedestroyer]

@etimberg basically something like the example I linked below (except that one is done in angular-chart js. So a tool tip that provides the data of both stacks and somehow add them together :)

http://jtblin.github.io/angular-chart.js/examples/stacked-bars.html

[etimberg]

@leahthedestroyer you can add the following when creating the chart

options: {
  tooltips: {
    mode: 'index'
  }
}

See https://github.com/chartjs/Chart.js/blob/master/samples/tooltips/interaction-modes.html for all the different modes

[leahthedestroyer]

This worked! Such an easy solve I can't believe I couldn't figure this out haha thanks so much!