Chart.js 工具提示自定义

Question

我想知道如何将 % 之类的符号附加到工具提示数值中？我一直在搜索文档但无法找到它，但是，在他们的主要站点上，他们将大小值 kB 附加到饼图 tooltips

我怎样才能达到类似的效果？

谢谢

Answer 1

好吧，您可以更改工具提示模板选项：默认情况下是：

tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>"

在您提供的用于创建图表的选项对象中将其更改为 tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>%"。

我使用它是因为我想向用户显示一个与图表大小不成比例的百分比（我的圆环图代表一个过程，有些过程比其他过程花费的时间少，所以大小不是他们都一样）

你给出的确切例子是 kb。这是我从 Chart.js 的索引页复制和粘贴的确切代码：

var moduleDoughnut = new Chart(canvas.getContext('2d')).Doughnut(moduleData, { 
    tooltipTemplate : "<%if (label){%><%=label%>: <%}%><%= value %>kb",
    animation: false 
});

Chart.js 工具提示自定义

Chart.js Tooltips customization

javascript

chart.js