问题标签 [victory-charts]

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

react-native - 如何在胜利折线图 X 轴标签中换行或插入“换行”字符

当胜利折线图显示 x 轴标签时,标签在一行上,我想显示带有文本换行的标签。请参阅下面的两张图片以了解它当前正在做什么以及我希望它做什么。

目前正在发生什么 当前图表

下面的图片是我想要发生的事情。我想要什么 我想要的是

我在 tickFormat 中创建了一个函数来提供自定义标签文本,并且该部分正在工作。

0 投票
1 回答
465 浏览

javascript - colorScale 属性适用于 VictoryPie 但不适用于 VictoryLegend

我正在使用VictoryPie. 由于标签都奇怪地重叠,我想只使用 VictoryLegend。我找到了这个例子jsfiddlehttps ://jsfiddle.net/boygirl/1Lu96jq0/

jsfiddle 示例指定内部的颜色colorScale,如下所示:colorScale={["tomato", "orange", "gold"]}

但是,我的饼图是动态的,并且取决于用户输入,所以我无法预测我需要多少颜色。我colorScale="blue"在 VictoryLegend 里面试过,就像在 VictoryPie 里面做的饼图是正确的,但是所有的图例标签都是黑色的。顺便说一句,我的实现中的标签也不会像示例中那样垂直堆叠显示,而是在页面上水平扩展。

我的渲染看起来像这样:

0 投票
1 回答
2368 浏览

reactjs - VictoryChart 没有填满整个 div

我试图让 VictoryChart 填满整个容器,但它在右侧留下了大量的空白。这就是我想要做的:

这就是正在呈现的内容:

图表

0 投票
1 回答
232 浏览

javascript - 调用 React 组件但未正确渲染

我有一个用实现的饼图VictoryPie. 当鼠标悬停在每个切片上时,我想显示一个标签。

MouseFollowToolTip我在组件内放了一个打印语句。当页面加载时,该语句已打印五次,这是有道理的,因为有五个切片。然后,当我在饼图上移动鼠标时,它会继续打印。

但是,它绝不会显示与切片关联的标签。

我在这里做了一个沙箱

0 投票
2 回答
7991 浏览

reactjs - 如何控制 Victory x 轴刻度标签

我正在使用 Victory 渲染数据集:

截屏

如何更改 x 轴以呈现每个月的刻度(“jan”、“feb”、“mar”等)?此外,我希望每个条的宽度为 40 像素(barWidth=40),但是当我这样做时,所有条都会合并 - 我也想控制条之间的边距/填充。这应该如何解决?

此沙箱中提供了一个示例: https ://codesandbox.io/s/victory-react-native-4t49q

0 投票
1 回答
1902 浏览

reactjs - 使用 useState 挂钩更新功能后 React 不会更新状态

无法使用从 useState 挂钩返回的函数设置状态。

包装更多函数并在每个可能的点记录它,它成功地异步获取新数据,一直到 setData 调用,我找不到在内部达到峰值的方法。我还在渲染之前检查了数据是否在状态变化,但在网页中没有变化,但在调用 setData 后数据对象的值没有变化。

0 投票
0 回答
55 浏览

reactjs - 反应式默认网页滚动 - 为胜利图缩放和画笔

我一直在使用victorycharts,它非常有帮助。我有一个使用https://formidable.com/open-source/victory/guides/brush-and-zoom/的工作图表,并且使用画笔和缩放绘制散点图的示例非常有帮助。我想知道是否有一种方法可以激活默认窗口滚动而不是缩放滚动。我尝试使用内置功能来禁用滚动缩放,但这只会创建一个死区,当用户滚动时不会发生任何事情。

总之,我目前有一个散点图和一个画笔窗口,里面有一个迷你散点图。目前,当我在主散点图中滚动时,我有两个选项 - 它要么放大到特定部分,要么什么也没有发生。我想要的是滚动忽略散点图并能够像往常一样在页面内部滚动。

0 投票
1 回答
129 浏览

javascript - 胜利——数据可视化

我正在尝试将 Victory 用于我的 React 项目,但由于某种原因它无法正常工作。

我正在使用的代码是:

我在功能的不同部分使用了大多数组件。

我得到的错误是:

我不知道要导入什么,因为我刚刚添加了 Victory 组件

0 投票
0 回答
1458 浏览

javascript - 如何在胜利图中将渐变填充到 x 轴

我正在尝试将相同的渐变填充到 x 轴的图表区域中。如下图所示。我们怎么能这样做。我在这里缺少什么?

请协助。

我试着给fill: "url(#myGradient)",样式VictoryAxis对象。但似乎不起作用。

在此处输入图像描述

这是我的代码。

0 投票
1 回答
499 浏览

javascript - 如何从 Reanmited Value 中获取数值?

我使用 react native reanimated 创建了一个简单的动画,但我无法访问 Reanimated Value 的数值

我使用胜利原生饼图,我想制作一个简单的效果,饼角从 0 到 360,但我已经尝试过 react-native 动画 API,它适用于添加侦听器,但我想使用 reanimated 来解决性能问题

我正在寻找的图表从 0 到 360 的动画效果

使用 react-native Animated API 正确运行:

我如何才能通过复活来实现所需的输出?