如何相对于xrange highcharts中的plotBand选项自动调整条形？

Question

我为xrange图表应用了plotBand选项，其中第一行比第二行小，但是在调整窗口大小时，数据系列与plotBand区域不对齐。

当前，我正在使用css修改系列的y和height，在窗口调整大小期间，有什么方法可以使其动态地适应plotBand区域。

Jsfiddle：http://jsfiddle.net/karnan796/t1Ldnc69/13/

绿色条也未与plotBand区域对齐

Answer 1

您需要将plotBands调整为groupPadding的值：

Highcharts.chart('container', {
    ...,
    yAxis: {
        plotBands: [{
            from: -0.3,
            to: 0.3,
            color: '#00401f'
        }, {
            from: 0.7,
            to: 1.3,
            color: '#2f4776'
        }],
        ...
    },
    series: [{
        pointPadding: 0,
        groupPadding: 0.2,
        ...
    }]
});

实时演示：http://jsfiddle.net/BlackLabel/orpvc50t/

API参考：

https://api.highcharts.com/highcharts/series.xrange.groupPadding

https://api.highcharts.com/highcharts/series.xrange.pointPadding