Javascript Morris.js显示不正确

我用morris.js创建了一个图表，但没有正确显示

这是我的密码

initChart: function(){
          console.log('go! ');
          var graphchart = document.createElement('div');
          graphchart.setAttribute('id','graphchart');
          graphchart.style.height = '200px';
          graphchart.style.width = '500px';

          new Morris.Line({

            element: graphchart,
            data: [
              { y: '2006', a: 100, b: 90 ,c:50},
              { y: '2007', a: 75,  b: 65 ,c:50},
              { y: '2008', a: 50,  b: 40 ,c:50},
              { y: '2012', a: 100, b: 90 ,c:50}
            ],
            xkey: 'y',
            ykeys: ['a', 'b','c'],
            labels: ['Value1','Value2','Value3']
          });
          this.fire('my-devicelist-chart-created',{graph: graphchart});
        }

那么，我得到一个错误的图表是什么问题呢？ 我的HTML实现：

{{language.test}

适用于所有有相同问题的人

resize: true

---

帮了我的忙。创建Morris图时将其设置为true（默认值：false）。

适用于所有有相同问题的人

resize: true

---

帮了我的忙。创建莫里斯图时，将其设置为true（默认值：false）。

为什么您认为它是错误的？你期待什么？看第一张图，图中的线条不正确。x轴未显示。为什么您认为它是错误的？你期待什么？看第一张图，图中的线条不正确。x轴未显示。