原谅我有时英语不好。荷兰语是我的母语
我已经创建了一个Chart.js线形图,它显示了我的主电源智能电表报告的能源使用情况。我让它几乎像我想要的那样工作,但有一件事我不能设法让它以我想要的方式工作,因为我一点都不懂
在用户“iecs”的帮助下,我在“Chart.jsv2:Add prefix或suffix to tooltip label”主题下更改了标签。现在它很好地显示了我想要的前缀和后缀:
工具提示:{
启用:对,
模式:“单一”,
背景颜色:“rgba(0,0,0,0.9)”,
标题字体:14,
标题字体:“粗体”,
标题字体颜色:“FFF”,
车身尺寸:12,
bodyFontStyle:“正常”,
bodyFontColor:#FFF“,
页脚大小:12,
footerFontStyle:'正常',
footerFontColor:#FFF“,
转弯半径:5,
回调:{
标签:函数(工具提示项、数据){//在上找到解决方案https://stackoverflow.com/a/34855201/6660135
//标签的返回值
返回“用法:”+工具提示项.yLabel*1000+“瓦特”;
}
}
}
当我试图添加完全相同的代码来修改标题时,我在应该显示日期和时间的位置得到了未定义的:
工具提示:{
启用:对,
模式:“单一”,
背景颜色:“rgba(0,0,0,0.9)”,
标题字体:14,
标题字体:“粗体”,
标题字体颜色:“FFF”,
车身尺寸:12,
bodyFontStyle:“正常”,
bodyFontColor:#FFF“,
页脚大小:12,
footerFontStyle:'正常',
footerFontColor:#FFF“,
转弯半径:5,
回调:{
标题:函数(工具提示项、数据){
//标题的返回值
返回'Date:'+tooltipItems.xLabel+'GMT+2';
},
标签:函数(工具提示项、数据){//在上找到解决方案https://stackoverflow.com/a/34855201/6660135
//标签的返回值
返回“用法:”+工具提示项.yLabel*1000+“瓦特”;
}
}
在用户“Lukman”回答“打印JavaScript对象的内容?[duplicate]”时,我发现我可以显示“tooltipItems对象”的内容:
警报(tooltipItems.toSource())
这显示了“title”和“label”之间关于“tooltipItems”对象的有趣差异
“标签”处的“tooltipItems”对象将此显示为内容:
()数据集
“标题”处的“ToolTiptitems”对象将其显示为内容:
[{xLabel:“2016-08-07 23:41:57”,yLabel:0.261,索引:70,数据集索引:0}]
开头字符和结尾字符不同。
“标签”中的一个可以用tooltipItems.yLabel读取,但“标题”中的一个不能用tooltipItems.xLabel阅读,因为它显示的是“未定义”。整个标题现在将是Date:undefined GMT+2而不是Date:2016-08-07 23:41:57 GMT+2
我搞错了什么?有人能解释一下“工具提示项”对象内容的两个输出之间的区别,以及如何读取“xLabel”和“yLabel”索引吗
我也遇到了类似的问题,但解决了这个问题
返回“日期:”+工具提示项[0].xLabel+“GMT+2”;