Stacked Bar Graphs - selecting row and dataset selected

[BuffaloBrennan]

Morning everyone

I've created a stacked bar graph, but I need a way of identifying which bar and section/element of the bar I've selected. I can work out the bar no problem. so in the following image that would be 4 - so I can retrieve the label "Report Edit Complete":

If I click on the pink I want to retrieve the label for the 3rd element "6-9 weeks"

Is there a way I can do this?

[LeeLenaleee]

This is possible by using a custom onclick handler in V3 ike so:

options: {
    onClick: (evt,elements,chart) => {
      const clickedPoint = chart.getElementsAtEventForMode(evt, 'nearest', { intersect: true }, true);
      const label = chart.data.datasets[clickedPoint[0].datasetIndex].label;
      
      alert(label)
    }
}

fiddle link: https://jsfiddle.net/Leelenaleee/y2rnophL/10/

For V2 you can achieve it like this:

onClick: (evt,val) => {
      const chart = val[0]._chart;
      const clickedPoint = chart.getElementAtEvent(evt);
      const label = chart.data.datasets[clickedPoint[0]._datasetIndex].label;
      
      alert(label)
  }

Fiddle link: https://jsfiddle.net/Leelenaleee/1v5cwjy4/10/

[BuffaloBrennan]

Thank you LeeLenaleee I think you also replied to another post I put on another help site, the example does exact;ly what I want.. except it'a a horizontalbar.... but I can see how to do it.... Guessing this is version 3.0 plus of chart.js... I'm currently using 2.9.? once I try to use 3.0 nothing, including my other 4 graphs on the screen stop working.

If there a version 2.9 method of doing this? guessing not, so I'll have to redesign the the whole screen to work with v3 plus.... again thank you very much you're example gets me 90% to where I want my graph to be at.

[LeeLenaleee]

@BuffaloBrennan its also possible in v2, updated answer with v2 way of doing it

[BuffaloBrennan]

Thank you so much @LeeLenaleee that's absolutely perfect! Just integrated the code into my options section and worked straight away... again thank you so much..