Morris.js показано не правильно

Question

Я создал график с 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> 

Answer 1

Для всех людей с той же проблемой.

resize: true 

Помогло мне. Установите для него значение true (по умолчанию: false), когда вы создаете граф Morris.