ChartJS Charts.js -需要从工具提示中删除数据值

ilmyapht  于 2022-11-06  发布在  Chart.js
关注(0)|答案(2)|浏览(228)

需要从工具提示中删除数据值(“Varde 7:50 ',我试图删除' 50 ')。尝试了大量的方法,但还不能弄清楚。这是我目前的代码。它包括从饼图链接出来的方法,我需要。
1)需要从工具提示描述中删除数据值。因此只有没有数据值的标签。2)需要饼图的每个部分链接到外部URL。
FYI-出于某种原因,该代码片段在我的网站上运行良好,但在编辑器中运行不好?请参阅页面底部的工作版本:http://soccer.virnative.com/soccer/player-development-model
请帮助!原始代码来自:chart.js - link to other page when click on specific section in chart
第一个

xeufq47z

xeufq47z1#

您可以使用callback来控制工具提示的标签。
如果您只想显示标签的文本,请将以下代码添加到您的options

tooltips: {
    callbacks: {
        label: function(tooltipItems, data) {  
            return data.labels[tooltipItems.index];
        }
    }
}

顺便说一句:您的代码片段无法正常工作,因为您没有包含chart.js。我已经复制了您的代码片段,并在下面添加了我的更改:
第一个

vatpfxk5

vatpfxk52#

Chart.js 3中:
options.tooltips.callbacks已被重命名为options.tooltip.callbacks。要查看tootipItems有效负载中包含的内容,请将其写入日志。

tooltip: {
    callbacks: {
      label: function(tooltipItems) {
        console.log(tooltipItems)
        return " " + tooltipItems['label']
      },
    },
  },

相关问题