javascript - Chartjs 在标签中显示不同单位的多个信息

Question

我知道如何显示多个信息。标签中具有相同单位
multiTooltipTemplate:“<%=datasetLabel%>:<%=值%>%”
结果如下:
[]InfoA:50%
[]信息B:50%

但我现在尝试用不同的单位显示信息，例如:
[]InfoA:50%
[]信息B:50$

我该怎么做？

Answer 1

按标签更改工具提示模板

您可以使用valuesObject的label属性来计算索引并使用它来选择您的符号，如下所示

Chart.mySymbols = ['!', '@', '#', '$', '%', '^', '&'];

var ctx = document.getElementById("myChart").getContext("2d");
var myChart = new Chart(ctx).Line(window.data, {
    multiTooltipTemplate: "<%=datasetLabel%> : <%= value %><%= Chart.mySymbols[window.data.labels.indexOf(label)] %>"
});

请注意，data 和 mySymbols 集合都是全局可引用对象的属性(在此示例中，window 和 Chart情况，但它可以是任何全局对象)。这是因为只有 valueObject 被注入(inject)到 template 函数中。除非您想更改库代码，否则使用全局对象将是实现此目的的方法(但是，请注意，它的设计并不好)。

<小时/>

fiddle - http://jsfiddle.net/z1nfqhfn/

<小时/>

通过数据集更改工具提示模板

如果你想通过数据集做类似的事情，那就是

Chart.mySymbols = ['°C', '%'];

var ctx = document.getElementById("myChart").getContext("2d");
var myChart = new Chart(ctx).Line(window.data, {
    multiTooltipTemplate: "<%=datasetLabel%> : <%= value %><%= Chart.mySymbols[window.data.datasets.map(function(e) { return e.label }).indexOf(datasetLabel)] %>"
});

<小时/>

fiddle - http://jsfiddle.net/fnu0dyd2/