原谅我有时候我的英语很差.荷兰语是我的母语.
我已经创建了一个Chart.js线图,它显示了我的主电源智能电表报告的能量使用情况.我得到它几乎像我想要的方式工作,但有一件事我无法让它以我想要的方式工作,因为我不懂一点.
在主题"Chart.js V2:为工具提示标签添加前缀或后缀 "的用户"iecs"的帮助下,我能够在工具提示处更改标签.它现在很好地显示了我想要的前缀和后缀:
tooltips: {
enabled: true,
mode: 'single',
backgroundColor: 'rgba(0,0,0,0.9)',
titleFontSize: 14,
titleFontStyle: 'bold',
titleFontColor: "#FFF",
bodyFontSize: 12,
bodyFontStyle: 'normal',
bodyFontColor: "#FFF",
footerFontSize: 12,
footerFontStyle: 'normal',
footerFontColor: "#FFF",
cornerRadius: 5,
callbacks: {
label: function(tooltipItems, data) { // Solution found on https://stackoverflow.com/a/34855201/6660135
//Return value for label
return 'Usage: ' + tooltipItems.yLabel*1000 + ' watt';
}
}
}
Run Code Online (Sandbox Code Playgroud)
当我尝试添加完全相同的代码来修改我undefined在应该显示日期和时间的地方的标题时:
tooltips: {
enabled: true,
mode: 'single',
backgroundColor: 'rgba(0,0,0,0.9)',
titleFontSize: 14,
titleFontStyle: 'bold',
titleFontColor: "#FFF",
bodyFontSize: 12,
bodyFontStyle: …Run Code Online (Sandbox Code Playgroud)