2014-11-21 75 views
1

我正試圖在C3中放置一個條形圖。C3.js Y軸範圍(最大/最小)不適用於條形圖

http://jsfiddle.net/michaelkuzmin/Lcxe0frw/9/

var chart = c3.generate({ 
    data: { 
     columns: [ 
      ['% Women CS', 0.036, 0.095, 0.105, 0.182, 0.121], 
      ['% Women Math', 0.182, 0.077, 0.182, 0.026, 0.097], 
      ['% Women Comp Eng /EE', 0.039, 0.074, 0.032, 0.095, 0.087] 
     ], 
     type: 'bar', 
     labels: true 
    }, 
     axis : { 
     y : { 
      tick: { 
      max: 0.50, 
      min: 0, 
      // padding: {top: 0, bottom: 0} 

      } 
     }, 
     x: { 
      type: 'category', 
      categories: ['Carleton', 'Alberta', 'Sherbrooke', 'McGill', 'Laval'] 
     } 
    } 
}); 

1)當啓用值標籤Y軸立即通過max範圍設置爲14 2)斷裂當我嘗試手動設置它忽略了Y:最大最小參數。

我錯過了什麼?

P/S有人在這裏發佈了一個非常類似的問題c3.js y axis min/max not working 但他們發佈的解決方案對我無效。解決方法是使用padding = 0。您可以在小提琴中取消註釋,並且看到沒有區別。

回答

2

c3.js的文檔很差,但似乎maxmin不屬於y.tick對象,但直接在y中。移動它們,然後將填充應用於y似乎可以解決此問題。查看更新的小提琴here

+0

啊,這很有道理。謝謝你,先生! – 2014-11-22 00:09:52