Как автоматически настроить панель в зависимости от опции plotBand в старших чартах xrange?

Question

Я применил параметр plotBand для диаграммы xrange, где первая строка меньше второй, но при изменении размера окна ряд данных не выравнивается по области plotBand.

В настоящее время я изменяю y и height серии с помощью css, есть ли способ сделать ее динамической, чтобы она вписывалась в область 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