问题标签 [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 回答
2509 浏览

reactjs - 胜利图表 x 轴刻度不适用于日期

我在 Victory 中有一个面积图,其中 x 轴有日期。我想自定义 x 轴标签并创建了一个 CustomLabel 组件来计算 x 轴刻度并在刻度下方显示“标签”。但由于某种原因,日期对象的比例计算不正确。

请让我知道我在这里做错了什么。

代码在这里 - https://codesandbox.io/s/3203z3n7r6

0 投票
1 回答
1033 浏览

javascript - 胜利图表图例自定义图标

我想为胜利传奇添加自定义图标类型。而不是正方形或圆形,我想显示一条线(最终是一个完全自定义的图标 - 绘制为 SVG 或 PNG)。如果有人知道如何实现这一点,我将不胜感激。

0 投票
1 回答
364 浏览

reactjs - 将 HTML 或图像放在 xAxis 中

有没有办法在简单条形图的 xAxis 中显示图像?

这是我迄今为止尝试过的:

我正在尝试使用自定义组件覆盖VictoryAxistickLabelComponent中显示的内容。

自定义组件在属性 xAxisInformation中接收一组图像。

这里是:

};

在自定义组件中,我尝试使用为tickLabelComponent提供的道具索引来获取图标。但什么都没有显示。

事实上,如果我使用 React Developer Tools 检查代码,图像就在那里......

在此处输入图像描述

...但没有渲染任何内容。

在此处输入图像描述

我认为 html 或图像不能显示在tickLabelComponent中,我应该使用另一个 Victory 组件。但是哪一个是正确的?

或者也许还有另一种方法可以实现这一点。

很感谢任何形式的帮助!

0 投票
1 回答
925 浏览

react-native - 如何在 Victory 中复制这样的图表?

是否可以在 Victory Native 中复制这样的图表?其中数量(100、50、50)是相对的,价格值是分开的。

在此处输入图像描述

0 投票
2 回答
2292 浏览

react-native - onClick 事件在 Victory Pie React-Native 上不起作用

我在 Victory Pie 中使用了standalone={false} 因为它在 svg 下,正如 github 中的许多胜利图表问题所建议的那样,但没有用它不会触发任何事件。它不适用于ios和android。请帮我

0 投票
1 回答
236 浏览

reactjs - 胜利乡土图

我正在阅读 Victory Native Graph Documentation,我很难理解。

注意:这是我第一次使用任何数据可视化库。

无论如何,所以我正在经历以下部分(VictoryArea)

Here 在文档中,他们只提到了这一点

我无法理解他们传递的价值data={sampleData}(比如sampleData看起来像什么?)

考虑我有看起来像这样的数据对象

其中 cHT 是 unix 时间(毫秒),而 cHTVU 是相应的值(即在 1536892140000 处,给定的加密硬币具有 6518.97 值)

[问题:]现在,从上面的示例中,我如何绘制图形,或者实际上告诉哪个应该指向 x 轴和 Y 轴?

0 投票
1 回答
557 浏览

react-native - 在调试模式下工作时反应本机胜利图表在发布模式下不工作

我需要与我面临的问题相关的帮助。我正在使用胜利原生图表来显示折线图。当我运行应用程序并远程选择调试 JS 时,它正在运行并显示此结果。

在此处输入图像描述

但是当我关闭调试模式时它会崩溃并显示这一点。

在此处输入图像描述

我正在使用此代码来显示图表。

如果有人遇到这个问题并解决了它,我会陷入这个问题,请告诉我。

提前致谢。

这是样本数据。 chartData = [ {date: 'Sun Sep 16 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 107, b: 84, c: 23}, {date: 'Sat Sep 15 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 95, b: 78, c: 17}, {date: 'Fri Sep 14 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 83, b: 67, c: 16}, {date: 'Thu Sep 13 2018 12:00:02 GMT+0500 (Pakistan Standard Time)', a: 92, b: 80, c: 12}, {date: 'Wed Sep 12 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 81, b: 63, c: 18}, {date: 'Tue Sep 11 2018 12:00:15 GMT+0500 (Pakistan Standard Time)', a: 105, b: 92, c: 13}, {date: 'Mon Sep 10 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 122, b: 93, c: 29}, {date: 'Sun Sep 09 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 79, b: 66, c: 13}, {date: 'Sat Sep 08 2018 12:00:06 GMT+0500 (Pakistan Standard Time)', a: 64, b: 53, c: 11}, {date: 'Fri Sep 07 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 62, b: 50, c: 12}, {date: 'Thu Sep 06 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 83, b: 59, c: 24} ];

版本:

0 投票
0 回答
1586 浏览

react-native - 提高 Victory Native / VictoryChart 的渲染速度

我在刷卡中渲染 VictoryChart,刷卡速度很慢。我怀疑原因是图表渲染缓慢(当替换为静态图像时,滑动速度很快)。

阅读关于 Victory 和 Victory Native 性能的各种讨论,似乎渲染缓慢的原因之一是动画。

我没有在我的图表中做任何动画。

除了我在下面的代码中所做的之外,我是否必须明确禁用动画?

还有其他建议如何提高此图表的渲染性能吗?(我知道对值进行预排序可能会有所帮助。还有其他什么吗?)

0 投票
3 回答
789 浏览

react-native - 错误:在任何根目录中都找不到入口文件 ./node_modules/react-native-scripts/build/bin/crna-entry.js:

在我尝试安装 Victory 图表之前,我在为 React Native 运行我的 App.js 时一直收到此错误,该错误运行良好。不知何故,有些东西坏了,经过三个多小时的工作,我无法找到解决方案。我已经尝试了所有可以在网上找到的东西,包括卸载 watchman、重新安装 watchman、恢复到 React Native 0.55.4 以及其他一些推荐的命令。什么都没用。我很困惑。

0 投票
1 回答
444 浏览

react-native - Victory-Native 的 VictoryLine 不在世博会工作

我正在发布这个堆栈溢出问题和答案,希望没有其他人花费很长时间,因为我对胜利原生图表无法正确显示感到困惑。它是如此简单,却又如此容易错过。

在 Expo 应用程序中试用 Victory-Native 时,我按照安装说明安装了 react-native-svg。不要这样做,Expo 默认包含 react-native-svg,并且由于某种原因在你的 node_modules 中再次安装它会导致任何 svg 组件在图表中不起作用。

如果您安装了 react-native-svg,只需按照此 SO 线程中的说明进行操作:

胜利原生可以与expo一起使用吗?