【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

}

}

}

)

相关推荐
Electrolux2 分钟前
基于WASM的纯前端Office解决方案:在线编辑/导入导出/权限切换(已开源)
前端
十五年专注C++开发11 分钟前
libdatrie: 一个高效的 基于双数组字典树(Double-Array Trie)的C语言函数库
c语言·开发语言·trie
合作小小程序员小小店22 分钟前
web网页开发,在线%医院诊断管理%系统,基于Idea,html,css,jQuery,java,jsp,ssh,mysql。
java·前端·css·数据库·jdk·html·intellij-idea
软件技术NINI24 分钟前
html css js网页制作成品——html+css+js5 页 jk制服附源码
javascript·css·html
爱学习的程序媛32 分钟前
【Web前端】Vue2与Vue3核心概览与优化对比
前端·javascript·vue.js·typescript
li@h1 小时前
如何在电脑端访问小程序时在胶囊添加一个全屏和缩放功能
前端
程序猿_极客1 小时前
【2025最新】 Java入门到实战:包装类、字符串转换、equals/toString + 可变字符串,一篇搞定开发高频场景(含案例解析)
java·开发语言·java进阶·面试核心·java快速入门
U***e631 小时前
Python测试
开发语言·python
yi碗汤园1 小时前
Visual Studio常用的快捷键
开发语言·ide·c#·编辑器·visual studio
aiguangyuan2 小时前
React 18 源码解读(一)
javascript·react·前端开发