Javascript 在ApexCharts中更改范围柱形图的颜色

我正在尝试使用ApexCharts为我的一个项目实现瀑布图。此图表不适用于ApexCharts。因此，我试图将范围柱形图修改为瀑布图。 这几乎是我所需要的全部，但我需要更改范围减小的列的颜色。这里中间的列是蓝色的，但是我需要把它改成红色。任何线索都很感激

我已经检查了fill和colors属性，它们似乎不能正确处理范围列图表

代码笔：

提前谢谢

---

我能做的最接近实际的事情是为一系列中的每个数据点设置一个

fillColor

：

this.chartOptions = {
  series: [
    {
      name: "blue",
      data: [
        {
          x: "Team A",
          y: [0, 100],
          fillColor: "#FF0000",
        },
      ],
    },
  ],
}

不过，要使其正常工作，您需要在将数据点添加到

系列之前进行一些预处理。您需要一个函数来检查范围是否为负值，如果是，则将颜色设置为红色

function barColor(dataPoint1, dataPoint2) {
  return (dataPoint1 - dataPoint2) < 0 ? "" : "#FF0000";
}

函数barColor（数据点1、数据点2）{
返回（数据点1-数据点2）<0？”：“#FF0000”；
}

有一个代码沙盒显示了