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

Question

我最近开始玩react-native，并且一直在研究图形/图表库以了解我的应用想法。

我真的很喜欢react-native-chart-kit的外观，但是我无法解决的一件事是如何在数据中存在间隙的情况下绘制一系列数据。

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

目前，我得到的最接近的结果是在没有条目的情况下，向我的数据系列添加一个特殊的值-1，然后将所有值为-1的索引添加到与{{ 1}}字段以隐藏这些条目，但是这只会阻止在这些点上渲染点，而不会阻止线穿过它们。

是否有一种方法可以实现我要使用此库执行的操作？或者，是否有一个更适合于绘制我正在使用的数据类型的库？

很抱歉，如果这是一个基本问题/以愚蠢的方式提出，我是图形数据领域的新手，所以很可能有些术语我弄错了。

感谢您的帮助

Answer 1

我仍然对如何与react-native-chart-kit一起使用的建议持开放态度，但是我设法实现了使用react-native-svg-charts之后的结果。虽然看起来不太好看，但让我弄乱CSS比图生成代码容易得多。

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