/chartjs-plugin-select

A Chartjs plugin to provide drag select event callbacks

Primary LanguageJavaScriptMIT LicenseMIT

chartjs-plugin-select npm downloads

A Chartjs plugin to provide drag select event callbacks.

This is inspired mostly from chartjs/Chart.js#5283.

Usage

In chart options, supply the following:

select: {
  events: ['mousedown', 'mouseup'], // this is important!
  selectCallback: (startPoint, endPoint) => {
    /*
      Callback after drag select has completed.
    */
  }
}

Doc

selectCallback

This is called after mouse point is released at the end of select.

  • startPoint: is the next closest point from where the mouse is pressed.
  • endPoint: is the last point where the mouse point in released. Point is represented by [index of fataset, x-pos of data point, y-pos of data point]

Advantages of using this plugin

  • Limitless... :-)

Limitations

  • I have tested this only on a line chart

Follow this repo for updates.