Mon 21 Jul 22:43:21 CEST 2025
This commit is contained in:
parent
87b15bdaac
commit
e234f2f419
21
js/ui/chart/docs/general/interactions/events.md
Normal file
21
js/ui/chart/docs/general/interactions/events.md
Normal file
|
@ -0,0 +1,21 @@
|
||||||
|
# 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...](#event-option)
|
||||||
|
| `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:
|
||||||
|
```javascript
|
||||||
|
var chart = new Chart(ctx, {
|
||||||
|
type: 'line',
|
||||||
|
data: data,
|
||||||
|
options: {
|
||||||
|
// This chart will not respond to mousemove, etc
|
||||||
|
events: ['click']
|
||||||
|
}
|
||||||
|
});
|
||||||
|
```
|
Loading…
Reference in New Issue
Block a user