当前位置：首页 > 文档资料 > Chart.js 开发文档 >

1.3.2.1 事件(events

优质

小牛编辑

113浏览

2023-12-01

以下属性定义图表如何事件交互。

名称	类别	默认值	描述
`events`	`String[]`	`["mousemove", "mouseout", "click", "touchstart", "touchmove", "touchend"]`	监听图表的悬停和工具提示更多...
`onHover`	`Function`	`null`	当任何事件触发时调用。在图表的上下文中调用，并传递事件和一系列活动元素（bars，points等）。
`onClick`	`Function`	`null`	如果事件的类型为“mouseup”或“click”，则调用该函数。在图表的上下文中调用，并传递事件和一系列活动元素。

事件选项

例如，要让图表只响应点击事件，你可以这样做：

var chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        // 图表不会响应除click之外的事件
        events: ['click']
    }
});

免责声明：以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。