当前位置: 代码迷 >> JavaScript >> Highcharts 区域区域的负颜色?
  详细解决方案

Highcharts 区域区域的负颜色?

热度:33   发布时间:2023-06-03 18:18:47.0

无论如何要为区域的负部分设置颜色?

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

You can use this as boilerplate.

您可以减少系列的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()
        }
    }
}

现场演示: :

API: :