Javascript Chart.js：如何在折线图上正确显示对象数据类型？

我想使用graph.js实现这个精确的图形：

我将代码简化为：

new Chart($('#myChart'), {
    type: 'line',
    data: {
      labels: ['16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00'],

      datasets: [{
        label: 'Users',
        fill: false,
        borderColor: 'blue',
        borderWidth: 2,
        pointRadius: 0,

        data: [{
                x: "16:30",
                y: 775
            }, {
                x: "17:00",
                y: 750
            } ]
      }]

    }
  });

我似乎不能用横轴上不存在的键添加键值对

我还想只在时间轴上每隔6列显示一次标签，就像照片中一样。我尝试在labels数组中添加空值，如下所示：

['16:00'，''，''，''，''，''，''，''，''，''，''，''，''，''，''，''，''，''，''，'

---

为了实现这一点，我不得不跳过我不想显示的标签，但它们必须在图表上，即使不可见。以下是Y轴的代码：

options: {
        scales: {
          yAxes: [{
            scaleLabel: {
                display: true,
                labelString: 'Users'
            },
            gridLines: {
              drawTicks: false
            },
            ticks: {
              min: 400,
              max: 1100,
              stepSize: 50,
              skipRatio: 2,
              callback: function(tick, index, array){
                return (index % 2) ? "" : tick;
              },
              padding: 5
            }
          }]
        }
      }

我对X轴也做了同样的操作，并设法得到了与图像上相同的图形