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

Question

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

线图小吃

Answer 1

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

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

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

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