根据值使用颜色在 React 中绘制面积图

Drawing an area chart in React with colors based on the values

我正在制作一个监控应用程序，您可以在其中对您的网站、API 端点等进行健康检查，我需要绘制一个以响应时间作为值的图表。我已经使用 recharts 来做到这一点，但我无法更改值大于 500 毫秒的区域的颜色，我找不到任何能够做到这一点的库，这对我来说是非常重要的功能。任何人都可以推荐一些可以做这样的事情的库吗？

recharts 在谈论

时应该能够做到这一点

线条颜色 https://codesandbox.io/s/recharts-basic-line-chart-with-different-colors-static-gradients-bno3p
栏颜色： https://github.com/recharts/recharts/issues/280

如果您想根据值更改区域填充，这在 recharts 中是不可能的（目前）。我知道 ApexCharts 能够通过一些额外的逻辑来做到这一点。

在这里你可以找到一个很好的例子： https://codesandbox.io/s/react-basic-example-forked-x6ii8?file=/src/App.js

根据值使用颜色在 React 中绘制面积图

Drawing an area chart in React with colors based on the values

graph

reactjs

recharts