javascript - 如何突出显示与 Chart.js 上的点对应的表格中的一行?
问题描述
编码:
var chart = new Chart('graph_data', {
type: 'line',
data: {
labels: data.labels.labels,
datasets: dataSets
},
options: {
responsive: true,
filler: {
propagate: true
},
tooltips: {
mode: 'index',
intersect: false,
callbacks: {
title: function(i, val) {
return attributeLabels[data.labels.type] +': '+ i[0].xLabel;
},
},
},
}});
那么如何处理数据点区域的 mouseover 和 mouseout 事件呢?我尝试为工具提示部分添加回调,但它不会t looks correct and i can
从鼠标悬停事件的行中删除 css 类。
tooltips: {
mode: 'index',
intersect: false,
callbacks: {
title: function(i, val) {
$('#data-table > tbody > tr').eq(i[0].index).addClass('hover');
return attributeLabels[data.labels.type] +': '+ i[0].xLabel;
},
},
},
解决方案
推荐阅读
- sql - 如何在sql中的oracle数据库表中从月份名称中选择值
- spring - Spring Boot - Reactive MongoDB:GridFS 中的随机访问?
- tcl - TCL 问题 - 文件路径
- asp.net - 如果我多次运行 ASP NET MVC 方法将不再获取查询
- spring-boot - 微服务未在所有 Eureka 实例上注册
- solr - 导出/导入 Solr 集合
- laravel - 通过访问器更改 hasManyThrough() 关系属性名称
- python - How to extract first floating numbers appearing after a word?
- c# - c#中找不到网络路径怎么解决?
- unreal-engine4 - (虚幻引擎)没有付费开发者帐户的 iOS 部署将无法工作