在react-native-chart-kit中绘制零星数据

Question

我最近开始尝试使用原生反应，并且一直在寻找图形/图表库，以获得我的一个应用程序想法。

我真的很喜欢react-native-chart-kit的外观，但是有一件事我解决不了，那就是如何在数据中存在差距的地方绘制一系列数据。

例如，如果我在一个月内每天绘制降雨量的线形图，但周末没有记录任何数据，那么我希望从周五点到周一点有一条直线，同时保留周六和周日的空间。

目前我得到的最接近的方法是在没有条目的时候将一个特殊的值-1添加到我的一系列数据中，然后将值为-1的所有索引添加到一个数组中，该数组与hidePointsAtIndex字段一起使用来隐藏这些条目。但是，这只会阻止在这些点上呈现一个点，并不会阻止线穿过这些点。

有没有办法实现我想要用这个库做的事情？或者，有没有更适合绘制我正在使用的数据类型的库？

抱歉，如果这是一个基本的问题/以愚蠢的方式被问到，我对图表数据的世界是新手，所以可能有一些术语我搞错了。

谢谢你的帮忙

Answer 1

我仍然乐于接受关于如何使用react-native-chart-kit的建议，但在使用react-native-svg-charts之后，我已经设法实现了我想要的结果。虽然它看起来不是很好，但对我来说，使用CSS要比图形生成代码容易得多。

作为参考，这是我试图实现的目标：

​