首页 > 解决方案 > 当plotOptions分组为false时如何设置多个宽度条高图

问题描述

我在highcharts中有条形图。当“plotOptions”设置为分组 false 时,我想定义 3 个不同的条形宽度。

使用此代码:

plotOptions: {
    bar: {
        grouping: false,
        shadow: false,
        borderWidth: 0,
        borderRadius: 0,
        borderRadiusTopRight: '50%',
        borderRadiusTopLeft: '50%',
        color: ''
    },
}

和“系列”:

{
    name: 'a',
    data: [30.6, 27.8, 25.8],
    pointPadding: 0.2,
}, {
    name: 'b',
    data: [21.6, 24.8, 22.3],
    pointPadding: 0.28,
},
{
    name: 'c',
    data: [15.6, 18.8, 17.6],
    pointPadding: 0.36,
}

我有这个结果: 在此处输入图像描述

但我想调整 3 bar 的宽度。例如 'a' 系列 16px 'b' 系列 8px 和 'c' 系列 3px。

https://jsfiddle.net/u3wvdrzo/

标签: javascripthighcharts

解决方案


推荐阅读