如何在morris.js中設置步驟？

Question

我有Morris.js一個簡單的圖形：

如何設置在Y位置的一個步驟？步驟必須是50分，EQ：

...

$(document).ready(function() { 
      new Morris.Line({ 
       element: 'myfirstchart', 
       data: [ 
       {year: '2011-10-01' }, 
       {year: '2012', mark: 313.75},{year: '2013', mark: 323.75}, 
       {year: '2016-06-01' } 
       ], 
       xkey: ['year'], 
       ykeys: ['mark'], 
       xLabels: 'year', 
       hideHover: true, 
       labels: ['Mark'], 
       ymax : 350, ymin : 0, 
       events: ['2012','2013','2014','2015','2016'], 
       eventLineColors: ['#aaaaaa'] 
      }); 
    }); 

Answer 1

我認爲你可以做到這一點的唯一方法是通過設置網格線數（numLines），基於ymin和ymax。

<script type="text/javascript"> 
$(document).ready(function() { 
     new Morris.Line({ 
      element: 'myfirstchart', 
      data: [ 
      {year: '2011-10-01' }, 
      {year: '2012', mark: 313.75},{year: '2013', mark: 323.75}, 
      {year: '2016-06-01' } 
      ], 
      xkey: ['year'], 
      ykeys: ['mark'], 
      xLabels: 'year', 
      hideHover: true, 
      labels: ['Mark'], 
      ymax : 350, ymin : 0, 
      numLines: 8, 
      events: ['2012','2013','2014','2015','2016'], 
      eventLineColors: ['#aaaaaa'] 
     }); 
}); 
</script>