Get Label when clicking on Bar chart

[Galleria]

Hi everybody.

I have a question about tooltips.
Can I get a label when clicking on bar chart ? (multiple labels on each segment but i would like to get only one that mouse on hover it )

Thanks,
:")

[etimberg]

@Galleria this is possible. The bars have _datasetIndex and _index properties which uniquely identify which item was clicked. You can then look up the label in the data object

[Galleria]

It's sure if there is one segment instance as below,

array[1]
    [Element]
        _datasetIndex:0
        _index: 0
        _view: Object
            datasetLabel: "AAA"

But I couldn't get it if there is more than one segment because it returned all label instance as below,

array[3]
    [Element]
        _datasetIndex:0
        _index: 0
        _view: Object
            datasetLabel: "AAA"
    [Element]
        _datasetIndex:1
        _index: 0
        _view: Object
            datasetLabel: "BBB"
    [Element]
        _datasetIndex:2
        _index: 0
        _view: Object
            datasetLabel: "CCC"

Thanks,

[etimberg]

ah, I see what you're running into.

You have a few options though this will be best fixed in the next release due to #3400
With #3400 the new 'nearest' mode works much better and is guaranteed to only return a single element.

Before that happens, you could hit test the elements yourself to see which is the one you want. This snippet can get you started.

// helper function that translates an event to a position in canvas coordinates
var pos = helpers.getRelativePosition(e, chart);

// inRange is the function on the chart element that is used for hit testing
var intersect = elements.filter(function(element) {
  return element.inRange(pos.x, pos.y);
});

[Galleria]

Thanks, :")
👍

[mitrin359]

Hi @etimberg
Can you help me on getting the accurate label and value when clicking on stacked bar chart, tried with activepoints but couldn't suceed and above pos I'm not getting in 2.5 version

Thank you