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']
    });

结果可以在这里看到：

http://i.imgur.com/BQtPxvr.png

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

Answer 1

通过在引号中包含{{ dates.x }}元素并在函数中包含parseTime: false参数来解决问题。