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

Posted 2023-03-13

【中文标题】带有反应原生图表套件的不同颜色折线图

【英文标题】：different colors line chart with react native chart kit

【发布时间】：2022-01-21 04:33:33

【问题描述】：

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

折线图snack

【参考方案1】：

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

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

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

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

【讨论】：

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