Events

The following properties define how the chart interacts with events.

Name Type Default Description
events string[] ['mousemove', 'mouseout', 'click', 'touchstart', 'touchmove'] The events option defines the browser events that the chart should listen to for tooltips and hovering. more…
onHover function null Called 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).
onClick function null Called 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. });