最近,我听说了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
参数,可以解决问题。