我正在尝试使用 Chart.js 制作折线图。我的数据的形式为:
var result = [
{ x: "18:00", y: "230" },
{ x: "19:00", y: "232" },
{ x: "20:00", y: "236" },
{ x: "22:00", y: "228" }
];
其中 x 代表时间,包括小时和分钟。我这样输入数据
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00","24:00"],
datasets: [{
label: 'Voltage Fluctuation',
data: result,
borderWidth: 1
}]
},
options: {
scales: {
xAxes: [{
type: 'time',
position: 'bottom',
unit: 'minute',
time: {
displayFormats: {
hour: 'HH:mm'
}
}
}],
},
}
});
我得到了一张空图表。我哪里出错了?我觉得我的标签做错了,因为它们没有出现在图表上,但我不明白怎么做。有什么方法可以用 momentjs 提供数据标签吗?