剑道 UI 条形图宽度/最大条形宽度

Question

我得到了一个剑道UI条形图，里面填充了一个动态数组。
一次它装满了 12 个项目，一次它只装满了 1 个项目。
现在条形会自动调整大小，当数组中只有一个项目时，条形图超级大。
我知道，配置中没有"最大宽度"或"宽度"属性。

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

这是一个简单的小提琴

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