javascript - 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 
});