Chart.js工具提示自定义

时间:2015-04-24 19:53:05

标签: javascript chart.js

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

我如何实现类似的目标?

由于

1 个答案:

答案 0 :(得分:2)

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

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