javascript - Morris.js 使用 Django 模板数组显示不正确的折线图

Question

我最近听说了 Morris.js，并尝试在我正在开发的网站中包含折线图。但是，每当我将日期数组中的元素提供给 Morris.line() 的数据组件时，图表都无法正确显示，而是显示一堆奇怪的日期。

我的 JS 代码的相关片段如下所示:

    Morris.Line({
        element: 'line',
        data: [
            { d: {{ dates.0 }}, v: {{ polar.0 }}},
            { d: {{ dates.1 }}, v: {{ polar.1 }}},
            { d: {{ dates.2 }}, v: {{ polar.2 }}},
            { d: {{ dates.3 }}, v: {{ polar.3 }}},
            { d: {{ dates.4 }}, v: {{ polar.4 }}},
        ],
        xkey: 'd',
        ykeys: ['v'],
        labels: ['Polarity']
    });

结果可以在这里看到:

/image/T98FO.png

提供给折线图的日期只是“2005”、“2006”、“2007”、“2008”和“2009”，以便测试图表的功能。我该如何解决这个问题？

Answer 1

通过将 {{dates.x }} 元素括在引号中并在函数中包含 parseTime: false 参数，问题已得到解决。