问题标签 [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.
react-native - 胜利原生饼图动画
我正在尝试为 Victory Native Pie Chart 中的数据变化设置动画。我在 ComponentDidMount 方法中设置的重复超时从 API 获取数据。检索到数据后,我将其设置为状态变量,该变量将传递给 VictoryPie 组件中的数据道具,并启用了文档显示的动画道具。
我正在关注这篇文章和动画的胜利图表文档,但我的行为方式与这些示例不同。
目前它正确设置数据但没有任何流畅的动画。它立即从初始状态值跳转到获取的数据值。只有一次我看到动画是在前一次提取的值不为零之后提取的数据返回零值。
react-native - VictoryLabel 坐标与 VictoryChart 域不匹配
我在 VictoryChart 中显示股票数据,其中x
是代表天数的数字(即简单的 0、1、2、3... 等),y
是当天的价格。
我为 VictoryChart 设置了一个域(从最低值到最高值),并且我有一个VictoryLine
正确显示的域。
我想在最低和最高价格所在的位置添加一些“浮动”标签(不在下图中),并且标签的坐标x
和y
坐标存在问题,因为它们似乎与我定义的域不匹配。
我注意到,如果我在图表中放置一个位置 x = 0,y = 0 的标签,那么它位于左上角(我希望是左下角)。这是它目前的样子,带有一些测试标签:
代码:
chartData
例如:
关于我定义的域,我如何使用VictoryLabel
s 上的 x/y 定位将它们放置在图表上?例如,标有“x100 y100”的标签不应位于位置 x=100,y=100 而是 x=5,y=142.5 或附近。
javascript - Victory Native - Victory Stack 仅呈现两个组之一的标签
我正在尝试在 React Native 中使用至少两组水平 VictoryBar 图表来渲染 VictoryStack 图表。
我的代码如下所示:
我的问题:不知何故,只呈现了一个标签,但我希望呈现两个标签,一个用于每个堆栈组,因为我还在VictoryStack
prop中定义了两个标签文本labels
。当我使用自定义标签组件IconLabel
时,console.logging IconLabel 中的道具时,只会创建一个控制台日志条目,这很奇怪,这里传递给 IconLabel 的道具一方面包括"icon-name-1"
astext
属性,但x: 1, y: 37
在date
属性中。所以看起来 VictoryStack 不识别第一个 VictoryBar 孩子。
但另一方面,条形图显示正确:
旁注:我使用的是自定义标签组件IconLabel
,但也可以只使用VictoryLabel
,问题是一样的。
你们中的一个人可能有解释吗?可能我在这里遗漏了一些非常小的东西,但我尝试了很多东西并没有解决这个问题......
react-native - 获取 Super 表达式必须为 null 或 React Native App 中的函数
我收到以下错误:超级表达式必须为 null 或函数。
据说我的 PieChart.js 中的错误主要是说明问题出在来自胜利原生(https://i.stack.imgur.com/x2WiN.jpg)的导入语句中。
PieChart.js 中的导入语句:
javascript - React 原生饼图
我怎样才能画出这样的饼图?我正在使用来自 vivictory-native 库的 VictoryPie 和 VictoryLabel,但我无法根据数据为每个标签设置标签位置和背景颜色,也无法将边框设置为白色。有没有可以解决这个问题的图书馆?
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
javascript - Victory Native 散点图未在 Android 上持续检测点击事件
我正在尝试使用 Victory Native 来显示一个图表,我可以在其中单击每个点来触发一个事件。但是,似乎并非每次都记录单击事件。经过长时间的尝试,如果我发送垃圾邮件,我有时会检测到点击。此外,奇怪的部分是被捕获的事件的名称是“onPress”,当它在文档中提到“onClick”时,在库本身中,它只显示“onclick”(没有驼峰式)作为有效事件.
代码:
还有一种方法可以让每个点都响应触摸吗?
谢谢你。