2015-08-09 111 views
2

我想知道是否可以在條形圖上設置最大軸值(比方說,我希望我的數據的最高點是y軸的頂端)?我發現在折線圖上有ymin和ymax的選項,但我似乎無法找到關於條形圖的任何信息。爲Morris條形圖設置最大軸值或範圍步驟?

此外,如果有人知道如何強制軸線之間的距離達到一定的數量(比如每行增加250行而不是生成的數量,這對我的喜好來說太高) 。對於條形圖

回答

8
  • 設置爲y最大值軸

你確實能設置ymax也(即使這不是記錄)。

Morris.Bar({ 
    element: 'bar-example', 
    data: [ 
    { y: '2006', a: 100, b: 90 }, 
    { y: '2007', a: 75, b: 65 }, 
    { y: '2008', a: 50, b: 40 }, 
    { y: '2009', a: 75, b: 65 }, 
    { y: '2010', a: 50, b: 40 }, 
    { y: '2011', a: 75, b: 65 }, 
    { y: '2012', a: 100, b: 90 } 
    ], 
    xkey: 'y', 
    ymax: 300, // set this value according to your liking 
    ykeys: ['a', 'b'], 
    labels: ['Series A', 'Series B'] 
}); 

,有你的y軸設置爲這個最大值:

enter image description here

  • y軸設置一個範圍值

看來,這不是可以設置的範圍值軸。該值似乎是根據傳遞給Morris.Bar的數據值計算的。

0

要改變YMAX稱之爲

chart.options["ymax"] = 300; 

哪裏圖表圖表可變

4

沒有記錄,但您可以設置應用YMAX最大y。你可以通過設置numLines來操作範圍(也沒有記錄)。

E.g.

var chart = new Morris.Bar({ 
... 
    ymin: 0, 
    ymax: 7, 
    numLines: 8, 
... 
}); 

上面定義的圖表將顯示值從0到7,並顯示在0和7之間的每個整數網格線(因此8作爲一個參數)

相關問題