Highcharts отрицательный цвет для зоны в области?

Question

Есть ли способ установить цвет для отрицательной части зоны?

Мое намерение - добиться чего-то подобного.Не обращайте внимания на сюжетные полосы на заднем плане.

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