イベント
次のプロパティは、チャートがイベントとどのように相互作用(インタラクション)するかを定義します。
| 名前 | 型 | 初期値 | 説明 |
|---|---|---|---|
events |
String[] |
["mousemove", "mouseout", "click", "touchstart", "touchmove", "touchend"] |
eventsオプションは、チャートがツールチップとマウスオーバーのためにリッスンすべきブラウザイベントを定義します。詳細... |
onHover |
Function |
null |
いずれかのイベントが発生したときに呼び出されます。チャートのコンテキスト(context)で呼び出され、イベントとアクティブな要素の配列（棒、点など）が渡されます。 |
onClick |
Function |
null |
イベントが 'mouseup'または 'click'タイプの場合に呼び出されます。チャートのコンテキストで呼び出され、イベントとアクティブな要素の配列が渡されます。 |
イベントオプション
たとえば、チャートをクリックイベントにのみ反応させるには、次のようにします。
var chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
// このチャートはmousemoveなどに反応しません
events: ['click']
}
});