我想使用Chart.js绘制我自己制作的恒温器的温度读数和加热器状态。加热器状态是0或1，但我将其保存为最小表示形式：我只有值，当它打开/关闭。加热时间从来不等于测量时间，而是在两者之间。
我想在同一个时间x轴上绘制时间数据。从至少20个例子、问题和其他资源中，我收集了this Fiddle，这是我最好的猜测。然而，我不能合理地绘制时间轴和它们的数据。如果我在一个非常简化的例子中将其简化为x轴上的数字数据，我会得到在后一个例子的前几个x值上绘制的较小数据集。
js代码为：

var options = {
  type: 'line',
  data: {
    labels: ["2018-12-07 08:45:17", 
    "2018-12-07 09:30:17", "2018-12-07 10:15:16", 
    "2018-12-07 11:00:17", "2018-12-07 14:45:16"],
    datasets: [
        {
          label: '1st line',
          data: [12, 19, 7, 9, 10, 8],
        },  
            {
          steppedLine: 'before',
          xAxisID: 'x-axis-2',
          label: '2nd line',
          data: [                       
          {
            x: "2018-12-07 09:15:47",
            y: 3
          }, {
            x: "2018-12-07 10:55:25",
            y: 5
          }, {
            x: "2018-12-07 13:05:00",
            y: 3
          }],
        }
     ]
  },
  options: {
    scales: {
      xAxes: [{}, {
        id: 'x-axis-2',
        type: 'linear',
        position: 'bottom',
        //display: false,
      }],
    }
  }
}

var ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);