Цветные столбцы, основанные на оси x, а не на значениях (ось y) в верхних диаграммах

Question

Попытка раскрасить столбцы по оси x (отрицательные, 0 и положительные), но не в состоянии это сделать. Пробовал несколько вещей.

Попробовал несколько вариантов в скрипке ... но не смог этого сделать.

Пробовал метод зон, добавлены зоны во всех возможных местах.

zones: [{
        value: -3,
        color: 'red'
    }, {
        value: 0,
        color: 'orange'
    }, {
        color: 'green'
    }]

http://jsfiddle.net/rxnj0qc1/

Нет ошибок ... цвета просто не появятся.

Answer 1

Вам необходимо установить zones в series:

series: [{
    ...,
    zoneAxis: 'x',
    zones: [{
        value: 10,
        color: 'red'
    }, {
        value: 12,
        color: 'orange'
    }, {
        color: 'green'
    }]
}]

Демонстрационная версия: http://jsfiddle.net/BlackLabel/mpxtqzsv/

Справочник по API:

https://api.highcharts.com/highcharts/series.column.zoneAxis

https://api.highcharts.com/highcharts/series.column.zones