tooltips: {
mode: 'single', // this is the Chart.js default, no need to set
callbacks: {
label: function (tooltipItems, data) {
var i, label = [], l = data.datasets.length;
for (i = 0; i < l; i += 1) {
label[i] = data.datasets[i].label + ' : ' + '$' + data.datasets[i].data[tooltipItems.index];
}
return label;
}
}
},
9条答案
按热度按时间cwxwcias1#
在V2.0中,tooltipTemplate选项已被弃用。您可以使用回调来修改显示的工具提示。回调here的用法示例,您可以在 Chart.defaults.global.tooltips 下的文档中找到可能的回调
在您的情况下,我会执行以下操作:
别忘了设置HTML meta标记:
7dl7o3gd2#
除了iecs的答案之外,如果你想返回确切的默认文本并添加更多的内容(比如你的例子中的€符号),请使用以下语法:
x4shl7ld3#
看看是否有帮助:
wnavrhmk4#
这套“标签+价值+ €”
uujelgoq5#
如果您有一个堆积条形图(我假设是堆积折线图),并且您希望将单个条形图中包含的所有数据点都设置为货币符号格式,则可以执行以下操作:
记下
mode
的值。如果要更好地控制工具提示,例如,在标签显示在图表图例中时将其包括在内,则可以执行以下操作:
ctehm74n6#
只是更新了@Luc Lérot的答案。我遇到了同样的问题,他的代码帮助我解决了这个问题,但没有修复它,我不得不修改它来为我工作。使用Chart.js版本2.6.0
hgqdbh6s7#
为了对代码进行一般化,让我们对数据集使用
unitPrefix
和unitSuffix
,例如:然后我们可以得到这个代码:
au9on6nz8#
随着我们沿着发布链继续前进,Chart.js v3.X中的答案再次发生了变化,更新了选项API。
添加温度单位的示例如下:
kq0g1dla9#
Chart.js版本3.9.1