如何解决ApexCharts 中范围柱状图的颜色渐变
我正在尝试使用 ApexCharts 为我的 1 个项目实施瀑布图。此图表无法随 ApexCharts 开箱即用。所以,我试图将范围柱状图修改为瀑布图。这几乎是我所需要的,但我需要更改范围正在减小的列的颜色。这里中间的列是蓝色的,但我需要将其更改为动态渐变颜色取决于值。
例如,对于负值,我需要将其从浅橙色变为深橙色,而对于正值,则需要将其从浅蓝色变为深蓝色。
感谢任何线索。
我已经检查了填充和颜色属性,它们似乎无法与范围柱形图一起正常工作。
这与:Change color of range column chart in ApexCharts 有关,但我需要一个渐变而不是 fillColor,它似乎只需要一个字符串。
代码笔:https://codesandbox.io/s/apx-range-column-forked-8dv67
提前致谢!
解决方法
使用以下方法修复它。
我添加了一个像这样的填充属性。
fill: {
type: ["gradient"],gradient: {
shade: "light",type: "horizontal",shadeIntensity: 0.25,opacityFrom: 0.4,opacityTo: 0.9,stops: [0,100]
}
}
每个数据点对象上的 fillColor 属性仍然存在,并且渐变应用于每种颜色。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。