问题标签 [react-native-chart-kit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
255 浏览

react-native - React Native 应用程序在发布模式下崩溃(iOS 和 Android 都有)

我有一个在调试模式下运行良好但在发布模式下崩溃的应用程序。我在我的项目中实现了 crashlytics。
这是我在日志中遇到的错误 (https://i.stack.imgur.com/MKjop.jpg)

0 投票
0 回答
66 浏览

react-native-svg - react-native-chart-kit 装饰器中的可点击 TextInput

我正在使用反应原生图表套件。如果您向折线图添加调用函数decorator,则可以在单击数据点时向图形添加行为。这是通过将装饰器函数的返回值放入react-native-svg的 G-tag来管理的。

我想在TextInput我的装饰器中添加一个。react-native-svg 上有一个已关闭的github 问题,其中有一些建议可以让我渲染 textInput。我得到了一个调用的 svg 元素rect和我TextInput的渲染,我也可以使用 autoFocus 将文本输入到 中TextInput,但是它不可点击。

如何使装饰器 TextInput 可点击?

我的装饰器看起来像这样:

0 投票
0 回答
42 浏览

react-native - 嘿,我想在折线图中每周显示电池电量数据

y 轴 => 电池电量 x 轴 => 工作日

我每秒从 API 获取电池电量的数据 {"BatteryLevel":"45",Datetime:"current time"}

我想将该数据更新为折线图,但我无法进行自动时间缩放。星期五的数据将在星期三显示。那么如何使用 react-native-chart-kit 库进行日期时间缩放。

我正在获取电池电量数据的时间,但我不知道如何将其转换为时间缩放

我的折线图代码是:

我的数据代码是:

0 投票
0 回答
54 浏览

react-native-chart-kit - 每个条形图顶部的字符串附加和文本(值)样式 - React Native Chart Kit [条形图]

我想将一些字符串附加到条形图中每个条形顶部的值并对其进行样式设置。该文档似乎没有提出任何有关此类要求的建议,我也无法在网上找到任何相关的内容。

屏幕截图,
条形图截图

0 投票
1 回答
370 浏览

ios - Rainbow-me React Native 图表未显示路径

@rainbow-me/animated-charts用来制作简单的图表,但似乎缺少线条路径。

我从他们的 NPM github 复制了下面的代码,但它只显示了一个黑框(我假设它只是图表的背景),但缺少主线路径。有什么帮助吗?

这就是我在 iphone 模拟器上看到的所有内容。

iphone模拟器

0 投票
0 回答
66 浏览

reactjs - 我想在 LineChart(react-native-chart-kit) 中显示 0% 的水平线

在此处输入图像描述

灰色水平 y 轴应始终显示 0%。y 轴上的剩余值将相应调整

0 投票
0 回答
97 浏览

reactjs - React Native Rainbow-me/Charts 绑定

我正在使用@rainbow-me/animated-charts,我正在尝试绑定ChartYLabel当你拿着图表并滚动它到一个变量时发生的变化,以便我可以在屏幕上的其他地方显示它。我一直在阅读他们的文档,但我找不到这样做的方法。我的问题是,是否可以打开ChartYLabel它们并将其绑定到另一个文本元素甚至另一个变量?

0 投票
1 回答
79 浏览

macos - React Native macOS 组件异常

我是 React Native 的新手,我正在尝试在 macOS 上使用 react-native-chart-kit 构建一个简单的图表世界。

我不断收到这些组件异常错误,经过多次谷歌搜索后我无法弄清楚如何解决。

在这里的任何帮助将不胜感激。

在此处输入图像描述

0 投票
0 回答
580 浏览

react-native - 在 react-native-chart-kit 中,如何显示具有 min-max 值或“fromZero”的折线图?

嗨堆栈溢出社区,

我正在使用 expo 创建一个反应原生移动应用程序。我想使用库“react-native-chart-kit”显示用户输入数据的折线图。我需要在 Y 轴上显示具有最小值和最大值或从“零”开始的折线图。我的问题/阻碍是,

  1. 有没有办法让 Y 轴的最小值和最大值显示折线图?我已经尝试了“https://stackoverflow.com/questions/65961180/react-native-chart-kit-min-and-max-value”中的实现。它没有帮助我。

  2. 我需要从 0(Y 轴)显示折线图。但是如果我使用 react-native-chart-kit 的 prop "fromZero",数据点和线在 Android 中是分开显示的。下面是代码片段,

折线图 - 数据点和线分开显示

任何帮助将不胜感激:)

0 投票
0 回答
93 浏览

react-native - 在 react-native-chart-kit 中设置 Y 轴的最小值

React-native-chart-kit 有一个道具来设置 0 是 Y 轴的最小值,但问题是,我的数据有一些空值,其他值在 50-100 左右,所以数据感觉非常小,我的数据集由日期,这里是从 2021 年 5 月 5 日到 2021 年 9 月 9 日 在此处输入图像描述

这是从 2020 年 5 月 5 日到 2021 年 9 月 9 日 在此处输入图像描述

正如我所说,空值变为零,所以这个图表看起来很小,我的问题是,如果有空值,我如何设置 Y 轴的最小值?