[Chartjs]-Tool tip not showing for those label who's data overlapped on each other in chart.js

by

2👍

✅

First you need to define tooltips.mode: 'point' and then define tooltips.callbacks funtions for title and label in order to obtain meaningful data displayed in the tooltips.

tooltips: {
  mode: 'point',
  callbacks: {
    title: () => 'DataCombination',
    label: (tooltipItem, data) => data.labels[tooltipItem.index] + ': ' + data.datasets[0].data[tooltipItem.index]
  }
}

Please have a look at your amended StackBlitz

Leave a comment