admin管理员组

文章数量:1419194

I'm working on a chart using ApexCharts in a Next.js project and have encountered an issue while trying to apply a gradient fill. Initially, I attempted to use the gradient options available in ApexCharts (vertical, horizontal, diagonal, diagonal2), but they didn't achieve the desired conical effect.

As a workaround, I decided to use an image background for the fill, where the image is a dynamically generated SVG that contains the gradient I need. The SVG is served from an endpoint, and it works well in terms of generating the gradient, but the issue is that it doesn't align properly with the chart.

For reference, you can check out the chart with a score of 95 (I have provided the sandbox link below), where this misalignment is noticeable.

Thanks a lot for any help or insights you can offer!

code-sandbox:

Github-Discussion: .js/discussions/4930

Image

本文标签： reactjsHow to Create a Conical Gradient Fill in ApexChartsStack Overflow

版权声明：本文标题：reactjs - How to Create a Conical Gradient Fill in ApexCharts? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745290134a2651742.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。