我正在使用时标,并将时刻日期值传递给标签。时间刻度期望是整数(自纪元以来的毫秒数),Date对象,标签值的moment.js对象。
当将数组转换为逗号分隔的引号后,将其传递给Charts.js“ Labels”对象时,我将获得一个动态标签数组,因此数据不会显示在图形上。
data: {
labels: JSON.stringify(newDateArray),
datasets: [{
label: "My First dataset",
data: [2, 3],
backgroundColor: "rgba(255, 0, 0, 1)",
fill: false,
}]
}
但是当我静态传递上述数组的输出时,图形将开始正常工作。
data: {
labels: ["2020-02-25T19:00:00.000Z","2020-02-27T19:00:00.000Z"],
datasets: [{
label: "My First dataset",
data: [2, 3],
backgroundColor: "rgba(255, 0, 0, 1)",
fill: false,
}]
}
我尝试了不同的方法将JS数组转换为逗号分割字符串,然后传递该动态标签,即([“'” + newDateArray.join(“','”)+“']],但没有任何效果。
这里是jsfiddle,其中包含完整的Charts.js代码。感谢您的所有帮助!
仅将数组传递给标签,而不是将数组转换为逗号分隔字符串解决了问题。