【chart.js】折线图给点添加点击事件

var mychart = new Chart(

ctx,{

type:''line",

...

options:{

hover:{

// 此处最重要,决定是否能选中绑定的点
mode:"nearest"

}

onClick:function(event,elements){

// 此为 被点击 的点

firstelement = elements[0]

// 这个点 属于第几个数据集合

dataindex = firstelement._datasetIndex

// 这个点属于数据集合中第几个点

index = firstelement.index

}

}

}

)

相关推荐
R-G-B3 分钟前
【33】C# WinForm入门到精通 ——表格布局器TableLayoutPanel【属性、方法、事件、实例、源码】
开发语言·c#·c# winform·表格布局器·tablelayoutpane
饺子不放糖4 分钟前
基于BroadcastChannel的前端多标签页同步方案:让用户体验更一致
前端
饺子不放糖5 分钟前
前端性能优化实战:从页面加载到交互响应的全链路优化
前端
Jackson__5 分钟前
使用 ICE PKG 开发并发布支持多场景引用的 NPM 包
前端
饺子不放糖5 分钟前
前端错误监控与异常处理:构建健壮的Web应用
前端
cos10 分钟前
FE Bits 前端周周谈 Vol.1|Hello World、TanStack DB 首个 Beta 版发布
前端·javascript·css
饺子不放糖12 分钟前
CSS的float布局,让我怀疑人生
前端
郝学胜-神的一滴22 分钟前
Spring Boot Actuator 保姆级教程
java·开发语言·spring boot·后端·程序人生
阳光是sunny29 分钟前
走进AI(1):细说RAG、MCP、Agent、Function Call
前端·ai编程
赵英英俊29 分钟前
Python day31
开发语言·python