问题标签 [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.
reactjs - 胜利图表 x 轴刻度不适用于日期
我在 Victory 中有一个面积图,其中 x 轴有日期。我想自定义 x 轴标签并创建了一个 CustomLabel 组件来计算 x 轴刻度并在刻度下方显示“标签”。但由于某种原因,日期对象的比例计算不正确。
请让我知道我在这里做错了什么。
javascript - 胜利图表图例自定义图标
我想为胜利传奇添加自定义图标类型。而不是正方形或圆形,我想显示一条线(最终是一个完全自定义的图标 - 绘制为 SVG 或 PNG)。如果有人知道如何实现这一点,我将不胜感激。
reactjs - 将 HTML 或图像放在 xAxis 中
有没有办法在简单条形图的 xAxis 中显示图像?
这是我迄今为止尝试过的:
我正在尝试使用自定义组件覆盖VictoryAxis的tickLabelComponent中显示的内容。
自定义组件在属性 xAxisInformation中接收一组图像。
这里是:
};
在自定义组件中,我尝试使用为tickLabelComponent提供的道具索引来获取图标。但什么都没有显示。
事实上,如果我使用 React Developer Tools 检查代码,图像就在那里......
...但没有渲染任何内容。
我认为 html 或图像不能显示在tickLabelComponent中,我应该使用另一个 Victory 组件。但是哪一个是正确的?
或者也许还有另一种方法可以实现这一点。
很感谢任何形式的帮助!
react-native - onClick 事件在 Victory Pie React-Native 上不起作用
我在 Victory Pie 中使用了standalone={false} 因为它在 svg 下,正如 github 中的许多胜利图表问题所建议的那样,但没有用它不会触发任何事件。它不适用于ios和android。请帮我
reactjs - 胜利乡土图
我正在阅读 Victory Native Graph Documentation,我很难理解。
注意:这是我第一次使用任何数据可视化库。
无论如何,所以我正在经历以下部分(VictoryArea)
Here 在文档中,他们只提到了这一点
我无法理解他们传递的价值data={sampleData}
(比如sampleData
看起来像什么?)
考虑我有看起来像这样的数据对象
其中 cHT 是 unix 时间(毫秒),而 cHTVU 是相应的值(即在 1536892140000 处,给定的加密硬币具有 6518.97 值)
[问题:]现在,从上面的示例中,我如何绘制图形,或者实际上告诉哪个应该指向 x 轴和 Y 轴?
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}
];
版本:
react-native - 提高 Victory Native / VictoryChart 的渲染速度
我在刷卡中渲染 VictoryChart,刷卡速度很慢。我怀疑原因是图表渲染缓慢(当替换为静态图像时,滑动速度很快)。
阅读关于 Victory 和 Victory Native 性能的各种讨论,似乎渲染缓慢的原因之一是动画。
我没有在我的图表中做任何动画。
除了我在下面的代码中所做的之外,我是否必须明确禁用动画?
还有其他建议如何提高此图表的渲染性能吗?(我知道对值进行预排序可能会有所帮助。还有其他什么吗?)
react-native - 错误:在任何根目录中都找不到入口文件 ./node_modules/react-native-scripts/build/bin/crna-entry.js:
在我尝试安装 Victory 图表之前,我在为 React Native 运行我的 App.js 时一直收到此错误,该错误运行良好。不知何故,有些东西坏了,经过三个多小时的工作,我无法找到解决方案。我已经尝试了所有可以在网上找到的东西,包括卸载 watchman、重新安装 watchman、恢复到 React Native 0.55.4 以及其他一些推荐的命令。什么都没用。我很困惑。
react-native - Victory-Native 的 VictoryLine 不在世博会工作
我正在发布这个堆栈溢出问题和答案,希望没有其他人花费很长时间,因为我对胜利原生图表无法正确显示感到困惑。它是如此简单,却又如此容易错过。
在 Expo 应用程序中试用 Victory-Native 时,我按照安装说明安装了 react-native-svg。不要这样做,Expo 默认包含 react-native-svg,并且由于某种原因在你的 node_modules 中再次安装它会导致任何 svg 组件在图表中不起作用。
如果您安装了 react-native-svg,只需按照此 SO 线程中的说明进行操作: