ChartJS 悬停在JS中的圆环图上时在工具提示上显示文本

e0bqpujr  于 2022-11-06  发布在  Chart.js
关注(0)|答案(2)|浏览(166)
  • 这是代码。我是新的在JS。我想显示文本与数据的工具提示时,我们悬停在甜甜圈上没有活动的标签中提到的数据集 *

第一个
正如您在代码中所看到的,我已经注解了标签标题(//labels:['xyz','abc'])没有取消这一行的注解,我只是想在工具提示上用文本替换未定义的,当我在JS中悬停在圆环图上时。

uemypmqf

uemypmqf1#

您可以使用工具提示回调来执行以下操作:

tooltips: {
  callbacks: {
    label: (ctx, data) => (`Some text: ${data.datasets[ctx.datasetIndex].data[ctx.index]}`)
  }
},

活样品:
第一个

jvidinwx

jvidinwx2#

您使用的是Chart.js版本2.9.4,但synytax是3.x版本。如果您使用的是最新的Chart.js版本(目前是3.8.2),代码就可以正常工作。
下面是您的示例:https://jsfiddle.net/zkx5acuv/5/

相关问题