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

Question

我得到了一个充满动态数组的 Kendo ui 条形图。
一次装满了 12 件元素，一次装满了 1 件元素。
现在 Bars 自动调整大小，当数组中只有一个元素时，Bar 非常大。
我知道，配置中没有“max-width”或“width”属性。

我的问题有解决方法吗？ 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
            }
        ]
    })
});