Question

我得到了一个充满动态阵列的Kendo ui条形图。
有一次它充满了12个项目，有一次它只填充了1个项目。
现在，Bars会自动调整大小，当阵列中只有一个项目时，Bar非常大。
我知道，配置中没有“max-width”或“width”属性。

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

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

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

1 个答案: