区域内的高位负面颜色？

Question

无论如何设置区域负面部分的颜色？

我的目的是实现这样的目标。不要注意背景上的plotBands。

You can use this as boilerplate.

https://jsfiddle.net/du2hobrt/

Answer 1

您可以减少系列fillOpacity值并使用Highcharts.SVGRenderer在系列下添加图层，这将影响颜色：

chart: {
    events: {
        load: function() {
            var series = this.series[0].area,
                plotLeft = this.plotLeft;

            this.renderer.path().attr({
                translateX: plotLeft,
                translateY: this.plotTop,
                d: series.d,
                fill: 'rgba(255, 0, 0, 0.6)',
                zIndex: 0
            }).add();

            this.renderer.rect(
                plotLeft,
                this.yAxis[0].toPixels(0),
                this.plotSizeX,
                this.plotTop + this.plotSizeY - this.yAxis[0].toPixels(0)

            ).attr({
                fill: '#FFF',
                zIndex: 0
            }).add()
        }
    }
}

现场演示：https://jsfiddle.net/BlackLabel/bsk3n0qz/

API：https://api.highcharts.com/highcharts/series.area.fillOpacity