X轴的Chart.js不采取类型：'time'

Question

我一直试图绘制时间序列数据（来自温度传感器）使用Chart.js库。python应用程序使用Flask将值和标签列表传递到. html模板文件。

经过一些迭代之后，我设法以正确的时间格式获得标签——现在由图表“newdate（）”处理——并在绘制的图表X轴刻度上被视为有效日期。

然而，读数在X轴上等间距（刻度分布是线性的），而不是按时间间隔。打印刻度的格式也需要截断为HH： mm： ss（因为数据范围将在几个小时内）

几个回答的问题建议设置选项：{刻度：{xAx：[type： as'time'...然后重置各种其他时间刻度参数。然而，当我将注释的行设置xAxestype添加到时间时，我的代码就会崩溃（图表停止渲染）。为什么？？尤其是标签似乎被认为是日期时间戳！？

我尝试过使用可用的代码片段并阅读图表。js文档-但我没有想到解决方案。任何关于时间轴格式的建议，以及合适的刻度分布和标签，都将不胜感激。我不熟悉javascript和stackoverflow，所以请原谅任何明显的错误并提供指导。提前谢谢

这是沿X轴绘制的带有日期时间戳的图表

下面是生成图表的JS代码。它读取从Python Flask应用程序接收的数据。该行不工作已被注释掉：

<script>

 new Chart(document.getElementById("line-chart"), {
  type: 'line',
  data: {
    labels : [{% for item in labels %}
               new Date("{{item}}"),
              {% endfor %}],
    datasets: [{ 
        data : [{% for item in values %}
                      {{item}},
                    {% endfor %}],
        label: "degrees centigrade",
        borderColor: "#3e95cd",
        fill: false
      }
    ]
  },
  options:{
    scales:{xAxes:[

//        type:'time'    //THIS BREAKS DOWN when uncommented

                  ]},
    title: {
      display: true,
      text: 'Temperature Sensor 1'
    	}   
  }
 });
 
</script>

为了完整起见，正在发送的Python Flask数据如下所示：

@app.route('/trial', methods=['GET'])
def trial():
    temps_alt = [30.05,30.0,29.5,29.2,30.2,30.50]
    times_alt = ['2013-02-08 09:30:26', '2013-02-08 09:30:36', '2013-02-08 09:30:56',
                 '2013-02-08 09:33:26', '2013-02-08 09:34:26', '2013-02-08 09:34:56']
    return flask.render_template('chart_ts_curve.html', values=temps_alt, labels=times_alt)

Answer 1

你忘了加括号了。

完整的片段可以在这里找到