问题标签 [victory-native]

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 回答
219 浏览

victory-charts - 在胜利栏上显示背景颜色(反应原生)

react-native 如何在胜利栏上显示背景颜色? 来自 echart 的示例

0 投票
1 回答
430 浏览

react-native - 胜利原生饼图动画

我正在尝试为 Victory Native Pie Chart 中的数据变化设置动画。我在 ComponentDidMount 方法中设置的重复超时从 API 获取数据。检索到数据后,我将其设置为状态变量,该变量将传递给 VictoryPie 组件中的数据道具,并启用了文档显示的动画道具。

我正在关注这篇文章动画的胜利图表文档,但我的行为方式与这些示例不同。

目前它正确设置数据但没有任何流畅的动画。它立即从初始状态值跳转到获取的数据值。只有一次我看到动画是在前一次提取的值不为零之后提取的数据返回零值。

0 投票
1 回答
195 浏览

react-native - VictoryLabel 坐标与 VictoryChart 域不匹配

我在 VictoryChart 中显示股票数据,其中x是代表天数的数字(即简单的 0、1、2、3... 等),y是当天的价格。

我为 VictoryChart 设置了一个域(从最低值到最高值),并且我有一个VictoryLine正确显示的域。

我想在最低和最高价格所在的位置添加一些“浮动”标签(不在下图中),并且标签的坐标xy坐标存在问题,因为它们似乎与我定义的域不匹配。

我注意到,如果我在图表中放置一个位置 x = 0,y = 0 的标签,那么它位于左上角(我希望是左下角)。这是它目前的样子,带有一些测试标签:

胜利图图表

代码:

chartData例如:

关于我定义的域,我如何使用VictoryLabels 上的 x/y 定位将它们放置在图表上?例如,标有“x100 y100”的标签不应位于位置 x=100,y=100 而是 x=5,y=142.5 或附近。

0 投票
0 回答
54 浏览

javascript - Victory Native - Victory Stack 仅呈现两个组之一的标签

我正在尝试在 React Native 中使用至少两组水平 VictoryBar 图表来渲染 VictoryStack 图表。

我的代码如下所示:

我的问题:不知何故,呈现了一个标签,但我希望呈现两个标签,一个用于每个堆栈组,因为我还在VictoryStackprop中定义了两个标签文本labels。当我使用自定义标签组件IconLabel时,console.logging IconLabel 中的道具时,只会创建一个控制台日志条目,这很奇怪,这里传递给 IconLabel 的道具一方面包括"icon-name-1"astext属性,但x: 1, y: 37date属性中。所以看起来 VictoryStack 不识别第一个 VictoryBar 孩子。

但另一方面,条形图显示正确:

在此处输入图像描述

旁注:我使用的是自定义标签组件IconLabel,但也可以只使用VictoryLabel,问题是一样的。

你们中的一个人可能有解释吗?可能我在这里遗漏了一些非常小的东西,但我尝试了很多东西并没有解决这个问题......

0 投票
0 回答
67 浏览

react-native - Victory Native (React Native) - VictoryLine - 当 y 值超出限制时更改线条颜色

我正在尝试绘制具有上限和下限的折线图。当 y 值高于上限或低于下限时,我需要更改线条颜色。这是我想要达到的结果:

在此处输入图像描述

有任何想法吗?

谢谢

0 投票
1 回答
343 浏览

react-native - 获取 Super 表达式必须为 null 或 React Native App 中的函数

我收到以下错误:超级表达式必须为 null 或函数。

据说我的 PieChart.js 中的错误主要是说明问题出在来自胜利原生(https://i.stack.imgur.com/x2WiN.jpg)的导入语句中。

PieChart.js 中的导入语句:

0 投票
1 回答
301 浏览

javascript - React 原生饼图

我怎样才能画出这样的饼图?我正在使用来自 vivictory-native 库的 VictoryPie 和 VictoryLabel,但我无法根据数据为每个标签设置标签位置和背景颜色,也无法将边框设置为白色。有没有可以解决这个问题的图书馆?

这是设计中的图表

0 投票
0 回答
229 浏览

javascript - 如何格式化在胜利图中随数据和时间移动的折线图

例如,我有一个这样的示例图表

它像这样显示

问题是,我的 x 数据contain date and time,所以如果我转换为日期,它们将显示在同一点,如上图

在此处输入图像描述

例如,如果 x 是17/5/2021 11:11:11AM,另一个点是17/5/2021 12:11:11AM,当转换为日期时,它显示相同的点。我还想根据时间显示数据,我该怎么做,日期的格式是这样的

我希望它会显示这样的东西 在此处输入图像描述

如您所见,第 8 天和第 9 天之间有一点,我该怎么做,非常感谢,这是示例沙箱

https://codesandbox.io/s/charming-snow-yyc1h?file=/src/App.js:0-857

0 投票
0 回答
200 浏览

javascript - Victory Native 散点图未在 Android 上持续检测点击事件

我正在尝试使用 Victory Native 来显示一个图表,我可以在其中单击每个点来触发一个事件。但是,似乎并非每次都记录单击事件。经过长时间的尝试,如果我发送垃圾邮件,我有时会检测到点击。此外,奇怪的部分是被捕获的事件的名称是“onPress”,当它在文档中提到“onClick”时,在库本身中,它只显示“onclick”(没有驼峰式)作为有效事件.

代码:

还有一种方法可以让每个点都响应触摸吗?

谢谢你。

0 投票
1 回答
198 浏览

reactjs - 有没有办法在胜利折线图上的最后一个数据点上绘制一个点以响应本机

所以目前我有这个作为我的胜利线聊天代码

这给了我一个看起来像这样的折线图。有没有办法:

A)在每个数据点的线上绘制虚线点

B) 只需点在数据列表中的最后一个数据点。我想要实现的示例图片