Kendo ui 条形图宽度/条形图的最大宽度

Question

我得到了一个 Kendo ui 条形图，其中填充了一个动态数组。
一次它装满了 12 件物品，一次装满了 1 件物品。
现在 Bars 会自动调整大小，当数组中只有一项时，Bar 是超级大的。
我知道，配置中没有“最大宽度”或“宽度”属性。

我的问题有解决方法吗？ IE。间隙/空间或任何属性的动态计算？或者甚至用 css 左右？

这是一个简单的fiddle

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

//gap:0.2

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

Answer 1

已经有一段时间了，你可能继续前进，但我正在寻找类似的东西......

您的问题可以使用以下代码解决，其中的差距是根据数据数组中的项目数计算的：

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