ApexCharts 中范围柱状图的颜色渐变

Question

我正在尝试使用 ApexCharts 为我的 1 个项目实施瀑布图。此图表无法随 ApexCharts 开箱即用。所以，我试图将范围柱状图修改为瀑布图。这几乎是我所需要的，但我需要更改范围正在减小的列的颜色。这里中间的列是蓝色的，但我需要将其更改为动态渐变颜色取决于值。

例如，对于负值，我需要将其从浅橙色变为深橙色，而对于正值，则需要将其从浅蓝色变为深蓝色。

感谢任何线索。

我已经检查了填充和颜色属性，它们似乎无法与范围柱形图一起正常工作。

这与：Change color of range column chart in ApexCharts 有关，但我需要一个渐变而不是 fillColor，它似乎只需要一个字符串。

代码笔：https://codesandbox.io/s/apx-range-column-forked-8dv67

提前致谢！

Answer 1

使用以下方法修复它。

我添加了一个像这样的填充属性。

            fill: {
                type: ["gradient"],
                gradient: {
                    shade: "light",
                    type: "horizontal",
                    shadeIntensity: 0.25,
                    opacityFrom: 0.4,
                    opacityTo: 0.9,
                    stops: [0, 100]
                }
            }

每个数据点对象上的 fillColor 属性仍然存在，并且渐变应用于每种颜色。