问题标签 [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 投票
1 回答
732 浏览

react-native - react-native-chart-kit 条形图图形切割

react-native-chart-kit支持 barchar,我想在图表中显示月份数据,但是当我在图表中设置数据时,它正在削减。看我分享的图片和代码

在此处输入图像描述

0 投票
0 回答
318 浏览

react-native - 我怎样才能用 react-native-chart-kit 做这个

谁能帮我这个。我想创建一个类似于这张图片中的图表。我进行了很多搜索,发现了这个很棒的库 react-native-chart-kit。使用这个库制作这样的条形图很容易,但正如您在图片中看到的那样,只有一个项目被突出显示,其余项目被淡化我该怎么做?

条形图

0 投票
1 回答
76 浏览

react-native - Dynamic data not displaying in react native?

I trying the below logic to display dynamic data in my react native. But it only shows data one time, if I refreshes my app, it gives error again and again: Error is like undefined is not an object('data.map') kind of....Can anyone help me if the logic is wrong, I am missing something in my logic ?

The problem is like it hardly displays data one time sometimes.

#xA;#xA;

Data which is stored in monogdb atlas

#xA;
0 投票
0 回答
83 浏览

javascript - react-native-chart-kit - 在折线图的 y 轴上设置最大值

react-native-chart-kit 的 fromZero 命令允许折线图始终从零开始。还有一种方法可以设置它产生的最大值吗?目前,y 轴上的最大值是最高值,但我想生成一个始终显示 0-10 比例的折线图,而不必将值设置为 10。有没有办法做到这一点?

谢谢

0 投票
0 回答
226 浏览

react-native - 如何使用描述/标签显示反应原生图表工具包数据?

[当前图表][1] 我想显示带有线条描述的图表。第一行是今年的数据,第二行是去年的数据等等。

请帮助:) [1]:https ://i.stack.imgur.com/9ZnZi.png

0 投票
1 回答
279 浏览

react-native - 反应本机图表套件响应不起作用

我试图使反应本机的图表响应,根据那里的文档,如果你想响应图表,你必须把它放在代码下面。我检查了其他代码,但他们的代码正在运行。我尝试了很多但我无法解决它

但我尝试过像这样

0 投票
0 回答
228 浏览

reactjs - 如何在本机反应中制作半圆形仪表?

我想在本机反应中创建一个半圆形仪表。像这样的东西图片 我已经尝试过 ProgressCircle 和 react-native 图表工具包,但找不到在 react native 中实现这一目标的好方法

0 投票
0 回答
74 浏览

javascript - 在 react native 中每隔几秒更改一次图形的最佳方式,以及如何处理动画和更改图形的 api 调用?

初学者在这里反应原生。我试图找出最好的方法,让四个图表每 10 秒左右相互改变一次。这是我正在使用的代码:

我正在使用在每个 Chart1、Chart2 等中呈现的反应原生图表工具包,所有图表组件都有一个显示:无。我在想,通过将 0-3 之间的数字作为状态传递,我可以将图表设置为显示:特定图表组件的块,例如(如果 num = 0,图表 1 将切换为显示:块,因为该 num 是作为道具传下来)。

我有三个问题:首先,这是最好的方法吗?

其次,每个图表都有自己的特定数据,需要从 API 中获取。我在想从 Card 组件中获取数据并将所需的状态传递给每个子 Chart 组件是最好的主意。但是,我对如何使用 useEffect 启动 api 调用感到困惑,因为它具有设置的间隔函数。换句话说,如何在 useEffect 运行设置间隔函数时触发一次 api 调用?

第三:有没有办法在组件从显示切换时向组件添加动画:block -> none -> block in react native?

谢谢大家

0 投票
0 回答
22 浏览

javascript - react-native-chart-kit:垂直旋转时无法正确显示标签

为了显示带有长标签元素的条形图,我曾经完全垂直显示它,但单词被这样verticalLabelRotation={90}切断了。图表的高度定义为好像我将其更改为仅显示完整的文本但图表太大,所以这不是我想要的,我想要一个调整大小的图表来显示标签的整个文本?height = {screen Width / 1.75]screenWidth

这是图表配置:

},

和 barChart 组件:

0 投票
0 回答
100 浏览

react-native - react-native-chart-kit 图表到图像

我的react-native应用程序中有一个图表,我想将其转换为 base64 字符串。因此,为此,我想将我LineChart的转换为图像。那么我该如何实现呢?

这是基本的 LineChart 程序。
PS
如果无法使用此软件包,是否有任何其他方法可以将任何数据点转换为图形并因此将其转换为图像?