Javascript 图表以折线图显示24小时

从后端来看，我没有定期数据。数据是按小时分组的，我一天只能从后端得到几个小时

有没有什么方法可以使用这些数据，并在chartjs折线图的x轴上显示24小时

我收到的数据如下：

[{
"hour": "2018-03-18T00:00:00.000Z",
"count": 230
}, {
"hour": "2018-03-18T04:00:00.000Z",
"count": 450
}]

小时为x轴，计数为y轴

---

我可以使用此数据并显示24小时吗？

因为您没有提供如何初始化chartjs插件，假设您有此折线图配置，

标签是x轴上显示的日期，
标签是顶部显示的图表名称，而
数据
是将要计算的
计数
的总和

var dataset = [{
    "hour": "2018-03-18T00:00:00.000Z",
    "count": 230
    }, {
    "hour": "2018-03-18T04:00:00.000Z",
    "count": 450
}];

// group the dataset by date

var dataGroup = [];  // array of { date : count } 
for (var idx in dataset) {
    var date = dataset[idx]['hour'].substr(0, 10);
    dataGroup[date] = dataGroup[date] || 0;
    dataGroup[date] += dataset[idx]['count'];
}

var labels = []; // labels shown on the x-axis
var data = []; // sum of count group by date
for (var date in dataGroup) {
    labels.push(date);
    data.push(dataGroup[date]);
}

var ctx = document.getElementById("chart").getContext("2d");
new Chart(ctx, {
    type: 'line',
    data: {
        labels: labels,
        datasets: [
            label: label,
            data: data,
            fillColor: "#79D1CF",
            strokeColor: "#79D1CF",
        ]
    }
});