Events

The following properties define how the chart interacts with events.

NameTypeDefaultDescription
eventsstring[]['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove']The events option defines the browser events that the chart should listen to for tooltips and hovering. more…
onHoverfunctionnullCalled when any of the events fire. Called in the context of the chart and passed the event and an array of active elements (bars, points, etc).
onClickfunctionnullCalled if the event is of type 'mouseup' or 'click'. Called in the context of the chart and passed the event and an array of active elements.

Event Option

For example, to have the chart only respond to click events, you could do:

  1. var chart = new Chart(ctx, {
  2. type: 'line',
  3. data: data,
  4. options: {
  5. // This chart will not respond to mousemove, etc
  6. events: ['click']
  7. }
  8. });