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

1.3.2.1 事件(events

优质
小牛编辑
128浏览
2023-12-01

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

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

事件选项

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

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