最近,我听说了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”。我怎样才能解决这个问题?

最佳答案

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

10-07 16:28