​

// Bar chart with custom tooltip

const dataBarCustomTooltip = {

  type: 'bar',

  data: {

    labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],

    datasets: [

      {

        label: 'Traffic',

        data: [30, 15, 62, 65, 61, 65, 40],

      },

    ],

  },

};

​

let bar = null;

​

const optionsBarCustomTooltip = {

  options: {

    plugins: {

      tooltip: {

        callbacks: {

           label: function (context) {

            bar = context.label;

            let label = context.dataset.label || '';

            label = `${label}: ${context.formattedValue} users`;

            return;

          },

        },

       },

     },

  },

};

​

new mdb.Chart(

  document.getElementById('bar-chart-custom-tooltip'),

  dataBarCustomTooltip,

  optionsBarCustomTooltip);

​

document.getElementById('bar-chart-custom-tooltip').onclick = () => {

  alert(bar)

}