2014-07-24 125 views
0

我最近聽說Morris.js,並試圖在我正在處理的網站中包含線圖。但是,無論何時將日期數組中的元素提供給Morris.line()的數據組件,圖形都無法正確顯示,而是顯示了一堆奇怪的日期。Morris.js使用Django模板數組顯示不正確的線圖

我的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',以便測試圖的功能。我怎樣才能解決這個問題?

回答

1

問題通過在引號中包含{{ dates.x }}元素並在函數中包含​​參數解決。