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实现：
    

    <style>

    </style>

    <div y-scroll fit id="myfirstchart">

      <paper-button on-tap="{{initStart}}">
        <core-icon icon="chevron-right" class="icon"></core-icon>
        <span>{{language.test}}</span>
      </paper-button>

    </div>

  </div>

最佳答案

对于所有有相同问题的人。

resize: true

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

关于javascript - Morris.js显示不正确，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34157948/