[Chartjs]-How to add a custom plugin to chart.js

by

1👍

✅

You never register your plugin as documented here: https://www.chartjs.org/docs/latest/developers/plugins.html

You can either only register it specific chart instances like so:

const tooltipNote = {
  id: 'tooltipNote',
  beforeDraw: chart => {
    console.log('chart');
  }
};

new Chart(ctx, {
  data: data,
  options: options,
  plugins: [tooltip note]
});

Or you can register it globally so it is available to all your instances:

const tooltipNote = {
  id: 'tooltipNote',
  beforeDraw: chart => {
    console.log('chart');
  }
}

Chart.register(tooltipNote);

What you did was only define the options as an empty object for your plugin.

Leave a comment