2014-02-14 7 views
3

나는 Morris.js에 간단한 그래픽이?morris.js의 단계를 설정하는 방법은 무엇입니까?</p> <p><img src="https://i.stack.imgur.com/kNdM6.png" alt="enter image description here"></p> <p>내가 Y 위치에서 단계를 설정하는 방법 :

...

150

100

50

$(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'] 
      }); 
    }); 

답변

0

나는 당신이 할 수 있다고 생각 유일한 방법은 설정입니다 : 단계 50 점, EQ해야합니다 ymin 및 ymax를 기준으로 그리드 선 수 (numLines).

<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>