我正试图弄清楚当我将鼠标悬停在我绘制的垂直线注解上时,如何添加工具提示:
annotation: {
annotations: [{
"drawTime": "afterDatasetsDraw",
"type": "line",
"mode": "vertical",
"scaleID": "x-axis-0",
"value": "2020-04-01 12:20:27.709523",
"borderWidth": 2,
"borderColor": "red",
"label": {
"content": "Example Content",
"enabled": true,
"position": "top"
},
onMouseover: function(e) {
console.log("I AM GETTING CALLED!");
},
},
字符串
有人能解释一下这是如何做到的吗?
2条答案
按热度按时间n53p2ov01#
不直接回答你的问题,但你可以通过访问上下文
chart
和element
(docs)以任何你喜欢的方式修改图表和注解(在ChartJS v3中)我用这个来改变悬停时的注解样式(在TypeScript中):
字符串
s6fujrry2#
您可以为注解使用标签,当鼠标进入和离开时,其显示会发生更改(请参阅事件配置)。
字符串
请参阅chartjs-plugin-annotation文档中的Label visibility example。