Highcharts：“列范围”的系列间隙

Question

我有一个包含多个系列的柱形图。因为每个系列都有不同的点数，所以它会在系列之间呈现不相等的间隙 - 请参阅http://jsfiddle.net/czQ9e/

    plotOptions: {
        series: {
            groupPadding: 0
        },
        columnrange: {
            grouping: true,
            dataLabels: {
                enabled: true,
                formatter: function () {
                    return this.y + '°C';
                }
            }
        }
    }

我希望在所有系列中获得相等的差距，即使某些组有“缺失”系列。

我怎样才能做到这一点？

谢谢

Answer 1

一般来说，Highcharts 会为每一列保留空间，而不仅仅是现有的。您可以通过将系列分成两个来避免这种情况。参见示例：http://jsfiddle.net/czQ9e/1/

    series: [{
        name: 'Temperatures',
        id: 'temps',
        color: 'blue',
        data: [
            [-9.7, 9.4],
            [-8.7, 6.5],
            [-3.5, 9.4],
            [-1.4, 19.9],
            [0.0, 22.6],
            [2.9, 29.5]
        ]
    }, {
        name: 'Temperatures',
        linkedTo: 'temps',
        grouping: false,
        color: 'blue',
        data: [
            [6, 9.2, 30.7],
            [7, 7.3, 26.5],
            [8, 4.4, 18.0],
            [9, -3.1, 11.4],
            [10, -5.2, 10.4],
            [11, -13.5, 9.8]
        ]
    }, {
       name: 'Trend',
        data: [
            [-19.7, 3.4],
            [-18.7, 6.5],
            [-3.5, 6.4],
            [-1.4, 9.9],
            [-9.2, 12.4],
            [-3.5, 19.8]
        ]
    }]