在React Native Chart Kit中绘制零散数据

4

我最近开始尝试使用react-native并寻找适用于我的应用想法的图表库。

我真的很喜欢react-native-chart-kit的外观,然而有一件事情我无法解决,那就是如何绘制一系列存在数据空缺的数据。

例如,如果我要绘制一个关于每个月降雨量的线形图,但在周末没有记录任何数据,那么我希望从周五到周一保持一条直线,并留出周六和周日的空间。

目前我能做到的最接近的方法是,在我的数据系列中添加一个特殊值-1,以表示没有条目的位置,然后将所有值为-1的索引添加到一个数组中,该数组将与hidePointsAtIndex字段一起使用以隐藏这些条目,但这只是防止在这些点上呈现圆点,而不会阻止线穿过这些点。

是否有一种方法可以使用这个库来实现我所尝试做的事情?或者,是否有一个更适合我正在使用的数据类型的图形库?

如果这是一个基本问题/提出了一个愚蠢的方式,请原谅,我是新手在数据图表方面,可能有一些术语我理解不正确。

感谢您的帮助

1个回答

2
我仍然希望能够得到关于如何与react-native-chart-kit配合使用的建议,但我已经成功地使用react-native-svg-charts实现了我需要的结果。虽然它看起来不是那么漂亮,但对我来说,使用CSS比生成图表代码要容易得多。
供参考,这就是我想要实现的效果: enter image description here

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接