带有反应原生图表套件的不同颜色折线图

【问题标题】：different colors line chart with react native chart kit带有反应原生图表套件的不同颜色折线图
【发布时间】：2022-01-21 04:33:33
【问题描述】：

我正在使用react-native-chart-kit 插件，如果超出蓝色区域，我想画一条用绿色和红色填充的线，如图所示。谁能说这是否可能，如果可以，我该如何实现？

折线图snack

【问题讨论】：

标签： reactjs typescript react-native linechart react-native-chart-kit

【解决方案1】：

我认为尚不支持根据需要更改线条颜色的可能性。

我的建议是改变点的颜色。这可以使用函数“getDotColor”来完成。例如，上一个版本 (6.11.0) 支持这一点。

然后你可以像这样定义你的函数：

getDotColor={(dataPoint, dataPointIndex) => {
          if(dataPoint > 70 || dataPoint< 35) 
          return '#ff0000';// red
          else  return '#00ff00';// green
        }}

【讨论】：

它在短图表和小数据上几乎可以正常工作，但对我来说这个解决方案不起作用（