Where put quot;multiTooltipTemplatequot; in Chart.js v2.x(在哪里放置“multiTooltipTemplate在 Chart.js v2.x 中)
问题描述
我想更改datasetlabel"宽度multiTooltipTemplate"的标签".但我只为以前版本的 chart.js 找到解决方案
i want to change the "label" for the "datasetlabel" width "multiTooltipTemplate". But i find the solution only for the previous version of chart.js
你能告诉我如何转换吗:
Can you tell me how to convert this :
multiTooltipTemplate: "<%%=datasetLabel%> : <%%= value %>",
到 Chart.js 的第 2 版
To the version 2 of Chart.js
现在我得到了这个选项:
For now i got this in option :
options: {
tooltips: {
enabled: true,
mode: 'single',
callbacks: {
label: function(tooltipItems, data) {
return tooltipItems.yLabel + ' €';
}
}
},
}
感谢您的帮助
推荐答案
你的 options
对象应该是
...
options: {
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
var datasetLabel = data.datasets[tooltipItem.datasetIndex].label || '';
return datasetLabel + ' : ' + tooltipItem.yLabel + ' €';
}
}
}
}
...
这篇关于在哪里放置“multiTooltipTemplate"在 Chart.js v2.x 中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:在哪里放置“multiTooltipTemplate"在 Chart.js v2.x 中
基础教程推荐
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- 直接将值设置为滑块 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01