highcharts - 基于 x 轴而不是基于高图中的值（y 轴）的颜色列

Question

尝试根据 x 轴（负数、0 和正数）为列着色，但无法做到。尝试了几件事。

在小提琴中尝试了几个选项..但无法做到。

尝试了区域方法，在所有可能的地方添加了区域。

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

http://jsfiddle.net/rxnj0qc1/

没有错误..颜色不会出现。

标签： highcharts

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