Chart.js 仅显示第一条网格线和刻度标签的时间轴图表（单位步长）

我试图显示一个简单的温度与时间的折线图。数据集以十分钟为间隔显示温度和时间。时间采用HH:mm格式。 图形显示正确，但仅显示左轴、右轴和第一个刻度时间值以及网格线

我的数据如下所示： 12:00 20.1 12:10 20.3 12:20 20.5 ... 13:20 21 13:30 21.4

我得到左轴标记为12:00，然后在12:10有一个带有网格线的标签，然后在右轴上直到13:30才有任何标记

如果我不考虑单位步长，我每分钟都会看到刻度线和网格线。很明显，我遗漏了一些与这个参数有关的东西

---

您当前面临的问题是因为您将unitStepSize值作为字符串传递

它应该是一个数字，周围没有引号

var ctx=document.querySelector'canvas.getContext'2d'； var myChart=新的Chartctx{ 键入：“行”， 数据：{ 标签：['12:00'，'12:10'，'12:20'，'13:20'，'13:30']， 数据集：[{ 标签：“温度”， 数据：[20,21,22,21,23]， 背景颜色：“RGBA75192192，0.4”， 边框颜色：“4bc0c0”， pointBackgroundColor:'黑色'， 张力：0， 填充：假 }] }, 选项：{ 比例：{ xAxes：[{ 键入：“时间”， scaleLabel：{ 显示：对， 标签串：“时间” }, 时间：{ 单位：分钟， 单位步长：10， 格式：HH:mm， 显示格式：{ 分钟：“HH:mm”， 小时：“HH:mm” } } }], 雅克斯：[{ scaleLabel：{ 显示：对， 标签字符串：“临时” }, 滴答声：{ 最高：25， 分钟:15,， 步长：1 } }] } } };

---

明亮的工作起来很有魅力。谢谢我可能从来没有发现过。好奇它是如何给我第一条网格线的？对不起，太晚了！

  var myChart = new Chart(ctx,
    {
      type: 'line',
      data: data,
      options :
      {
        responsive:false,
        maintainAspectRatio: false,
        scales:
        {
          xAxes: [
            {
              type: 'time',

              scaleLabel:
              {
                display: true,
                labelString: 'Time'
              },
              time:
              {
                unit: 'minute',
                unitStepSize: '10',
                format: "HH:mm",
                displayFormats:
                {
                  minute: 'HH:mm',
                  hour: 'HH:mm'
                }
              }
            }],
          yAxes: [
            {
              scaleLabel:
              {
                display: true,
                labelString: 'Temp'
              },
               ticks: {
                max: 25,
                min: 15,
                stepSize: 1
            }

            }]
        }
      }
    });