gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 04:20:32 26 4
gpt4 key购买 nike

我最近开始尝试使用 react-native,并且一直在研究图形/图表库以寻找我拥有的应用程序创意。

我真的很喜欢 react-native-chart-kit 的样子然而,我无法解决的一件事是如何绘制一系列数据,其中数据存在差距。

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

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

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

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

谢谢你的帮助

最佳答案

我仍然愿意接受有关如何与 react-native-chart-kit 一起使用的建议。但我设法达到了使用 react-native-svg-charts 后的结果.虽然它看起来并不那么漂亮,但对我来说,弄乱 CSS 比使用图形生成代码要容易得多。

作为引用,这就是我试图实现的目标:enter image description here

关于react-native - 在 react-native-chart-kit 中绘制零星数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59483825/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com