首页 > 解决方案 > 在 react-native-chart-kit 中绘制零星数据

问题描述

我最近开始使用 react-native,并且一直在研究图形/图表库以获取我的应用程序创意。

我真的很喜欢它的外观,react-native-chart-kit但是我无法解决的一件事是如何在数据中有差距的地方绘制一系列数据。

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

目前我得到的最接近的是在没有条目时向我的数据系列添加一个特殊值 -1,然后将所有值为 -1 的索引添加到与该hidePointsAtIndex字段一起使用的数组中以隐藏这些条目然而,这只是防止在这些点上渲染一个点,它不会阻止线穿过它们。

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

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

谢谢你的帮助

标签: react-nativereact-native-chart-kit

解决方案


我仍然愿意接受有关如何使用它的建议,react-native-chart-kit但我已经设法实现了使用react-native-svg-charts. 虽然看起来不太好看,但对我来说,弄乱 CSS 比使用图形生成代码要容易得多。

作为参考,这是我试图实现的目标:在此处输入图像描述


推荐阅读