用于在 Highcharts 中堆叠系列的 groupPadding

Question

简而言之，我需要以某种方式为堆叠系列启用 groupPadding。看起来有点奇怪，但如果将 series overlap 设置为 0，这就是您在 PowerPoint 中可以执行的操作：

将 series overlap 设置为 100，它们将像在 Highcharts 中将 stacking 设置为例如normal。对我来说，似乎不允许在 Highcharts 中相对于彼此水平移动堆叠列。但也许我遗漏了什么或者有解决方法？谢谢！

Answer 1

您可以创建一个与上层系列具有相同堆栈的额外隐藏系列。示例：

Highcharts.chart('container', { 
    chart: {
        type: 'column'
    },
    plotOptions: {
        column: {
            stacking: 'normal',
            pointPadding: 0,
            dataLabels: {
                enabled: true,
                format: '{point.y}%'
            }
        }
    },
    series: [{
        data: data2,
        color: 'gray'
    }, {
        data: data1,
        color: 'rgba(0,0,0,0)',
        linkedTo: 'data1',
        dataLabels: {
            enabled: false
        }
    }, {
        id: 'data1',
        data: data1,
        stack: 'A',
        color: 'green'
    }]
});

现场演示： http://jsfiddle.net/BlackLabel/rkvs8cy7/

API参考：https://api.highcharts.com/highcharts/series.column.stack

用于在 Highcharts 中堆叠系列的 groupPadding

groupPadding for stacking series in Highcharts

highcharts