Question

我在图表中有两组堆叠的条形图，我想用它们进行视觉分组

那么如何在堆积条形图中的特定条形之间添加额外的垂直间隙或以其他方式分离组？

我想在条形图4和A

之间添加额外的垂直空间

 new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'bar',
        },
        title: {
            text: 'Grouping test',
        },
        xAxis: {
            categories: ['1', '2', '3', '4', 'A', 'B', 'C', ]
        },
        plotOptions: {
            series: {
                stacking: 'percent'
            }
        },
        series: [{
            name: 'Alpha',
            data: [31, 27, 23, 22, 22, 20, 21]
        }, {
            name: 'Omega',
            data: [5, 6, 7, 5, 6, 6, 5, ]
        }, {
            name: 'Gamma',
            data: [60, 62, 67, 69, 68, 70, 71]
        }]
    });
});

Answer 1

这是不可能以简单的方式，但只有我想到的是相当肮脏的解决方案，但也许就足够了。因此，您可以在系列和类别中设置空值。

http://jsfiddle.net/KrTbz/42/

xAxis: {
        categories: [ '1','2','3','4','','A', 'B', 'C', ]     
    },

series: [
{
    name: 'Alpha',
    data: [31,27,23,22,null,22,20,21]

}, {
    name: 'Omega',
    data: [5,6,7,5,null,6,6,5,]

} ,{
    name: 'Gamma',
    data: [60,62,67,69,null,68,70,71] 
}
 ]

在堆积条形图中添加特定条之间的间隙

1 个答案: