2014-02-21 144 views
3

我得到了一張充滿動態數組的Kendo UI條形圖。
一次充滿12個項目,一次充滿只有1個項目。
現在酒吧自動調整大小,當只有一個項目在數組中時,酒吧是超大。
我知道,配置中沒有「max-width」或「width」屬性。Kendo ui條形圖條形圖寬度/最大寬度

有沒有解決我的問題的方法? I.E.動態計算差距/空間或任何財產?甚至與CSS左右?

下面是一個簡單的fiddle

var dataset = [1,2,3,3,5,6,8]; 
var dataOnlyOne = [10] 

//gap:0.2 

// gap: function(){ 
    return width/12*...  // works not 
} 

回答

2

它已經有一段時間,你可能感動,但是我正在尋找類似的東西...

你的問題可以用下面的代碼來解決,其中的差距是從數據數組中的項數計算出來的:

$(function() { 
    var data = [1,2,3,3,5,6,8,2,3,3,5,6,8]; 
    // var data = [10]; 
    var gap = 8/data.length 
    $('#chart').kendoChart({ 
     seriesDefaults: { 
      type: 'column', 
      stack: true, 
     }, 
     series: [ 
      { 
       name: 'dataset', 
       data: data, // dataOnlyOne 
       color: 'blue', 

       gap:gap 
      } 
     ] 
    }) 
}); 
+0

這太棒了......幫了很大忙。謝謝。 – dmathisen