如何使用 ApexCharts 库和 Angular 框架根据条形图的值更改条形图的颜色？

问：

我有一个组件，我在其中显示一个具有 2 个系列的图形，

指标和奖金

我设置了规则，当值从 0 到 99 时，条形变为红色，如果值大于 99，则条形必须为绿色。成功了！但是我不希望这条规则适用于“奖励”系列，奖励系列必须具有静态蓝色。这不是正在发生的事情，谁能帮我？

this.chartOptionsKpi = {
      series: [
        {
          name:'Indicador',
          data: this.indicadores,
        },
        {
          name: 'Bonus',
          data: this.bonus,
          color: '#379cdb'
        },
        
      ],
      chart: {
        height: 450,
        width: '100%',
        type: "bar",
        stacked: true,
      },
      plotOptions: {
       
        bar: {
          colors: {
          ranges: [
            {
              from: 0,
              to: 99,
              color: '#FF0000', 
            },
            {
              from: 100,
              to: 1000,
              color: '#008542', 
            },
            // add more ranges as needed
          ],
        },
          horizontal: false,
          // distributed: true,
          barHeight: '80%', 
          barWidth: '30%', 
          dataLabels: {
            position: 'top',
          }
        }
        
      },
      title: {
        text: "Indicador PEP - Mês"
      },
      xaxis: {
        labels: {
          style: {
            fontSize: '10px',
            fontWeight: 400,
        }, 
          rotate: -90,
        },
        type: "category",
        categories:this.refinariasNomes
      },
      colors: ['#008542','#379cdb'],
      
    };

当前图表

无效的解决方案

我已经试过了，但它没有用，一系列连续的奖金受到红色的影响。