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

reactjs - VictoryChart / VictoryLine ignores padding setting

Given I have this chart configuration:

Then I can see a result like this: Sample chart

However, I really need to add a small padding from line chart to top/bottom. I tried both domainPadding and/or padding itself.

What is the correct way to add padding from the white line to the bottom/top? The axis lines need to stay intact, of course.

0 投票
0 回答
600 浏览

javascript - 为什么不是每个散点在 Victory Charts Scatter 图表上都有点击处理程序?

我正在使用 Victory Charts 的第 18 版(npm 包是胜利)。我创建了一个散点图,并尝试将 onClick 事件传递给散点图上的每个点。但是,最多只有两个点,但通常只有一个点,接收到这个 onClick 处理程序。点数无关紧要 - 最多只有两个接收 onClick 处理程序。

我尝试使用 eventKey 属性,但无济于事。无论如何,这都无关紧要,因为文档指出“如果未指定 eventKey,则事件将附加到指定目标类型的所有元素”胜利图表在版本 21 上,但我试图避免更新,因为它们已弃用Voronoi 工具提示。任何帮助表示赞赏。

0 投票
0 回答
298 浏览

svg - 找不到名称为“ RNSVGViewBox ”的视图的组件

我只是按照此链接https://github.com/FormidableLabs/victory-native遵循文档并安装了胜利本机(以便能够生成图表)

我还安装了 react-native-svg 并链接了它。

尽管我遵循此https://formidable.com/open-source/victory/docs/native并且我刚刚从第一个示例开始,但我一直收到此错误。
根据文档

在此处输入图像描述

而且由于我使用的是 react native 0.42.0 和 react 15.4.2 所以我安装了 react-native-svg 4.5.0 但它不起作用,我明白了

在此处输入图像描述

我尝试将其卸载并取消链接,然后更改为较新的版本,但仍然出现相同的错误。

也许这不是 react-native-svg 问题,而是胜利原生问题。

0 投票
0 回答
337 浏览

victory-charts - 如何在胜利散点图中正确对齐此 SVG

我在 Victory 散点图中对齐 SVG 组件 DataPointCircle 时遇到问题。

我的主要问题不是它的外观,而是它的作用。

工具提示和 VictoryVoronoiContainer 悬停在数据圈上时表现怪异。

当数据圈悬停时,有时会显示工具提示,有时不会!,这在最后一个数据点上更清楚。

由于我必须这样做 x={x - 10} y={y - 10} 才能正确对齐数据点,所以我认为它可能会导致失真。

我需要工具提示和 VictoryVoronoiContainer 才能正常工作。如果这是一个对齐问题或者如果我需要做其他事情,我是 100%,建议会很可爱!

提前致谢。

这是一个沙盒 https://codesandbox.io/s/YED2ql2mK

0 投票
1 回答
6791 浏览

javascript - Need some assistance with Victory Charts

I am working with React Victory Charts and need some assistance with styling.

I am very new to Victory Charts and your help will be highly accepted.

I need help with:

  1. Padding between axis, bars and text.
  2. Some text being cut off.
  3. The bar sizes.

This is what I have:

This is what am getting. enter image description here

This is the kind of styling am looking to get. enter image description here

See HTML here:

0 投票
1 回答
8297 浏览

css - 带有多条线和工具提示的胜利图表

我正在制作一个必须为每个数据点缩放和显示工具提示的图表。在 Victory 的文档中有一个带有工具提示的多折线图,但是如果您调整数据集,工具提示会重叠。我发现 VictoryPortal 是一种克服这个问题的机制,但似乎即使在链接的示例中,它也在使用 VictoryPortal。(工具提示的道具有renderInPortal: true,

为了克服这个问题,我在 Lines/Scatters 之后创建了第二个 VictoryGroup,它只是所有数据集的 Scatter 组合并给出了它们opacity: 0,所以看起来你在原始 Scatter 点上悬停。这种方法有效,但感觉必须有一种更好、更清洁的方法,而我在这里缺少这种方法。我不知道如何使代码片段与 Victory 一起工作,所以这里是有问题的代码:

将单个数据集的 Lines/Scatters 呈现在一个组中的方法:

还有我的渲染方法:

任何意见或建议将不胜感激。提前致谢!

0 投票
1 回答
168 浏览

react-native - 是否有任何组件或可能性在 NativeBase 中创建图表/图表/绘图?

我有很大的问题。我是 ReactNative 的新手,我被迫将整个项目转移到 NativeBase(因为公司购买了布局,他们必须使用它......),我很好,到目前为止看起来真的很好. 但是,有一个但是。我目前正在开发的应用程序需要包含字符,如下所示:

在此处输入图像描述

我的问题是我拥有的模板,不想安装本地胜利。我有类似“这与 npm 无法找到文件有关”之类的错误 node_module 目录中的一些代表文件。

有什么方法可以使用 nativeBase 组件获取图表?

抱歉,如果这是一个微不足道的问题,但我在谷歌中找不到与此问题相关的任何内容。谢谢你的帮助。

最后一个问题,使用 nativeBase 购买的模板是否只对 Mac 和 Linux 上的开发人员开放?为什么不是窗户?

0 投票
1 回答
4599 浏览

reactjs - 胜利图 - 折线图上的工具提示

快速提问 - 我有一个基于胜利图表的折线图,当有人将鼠标悬停在数据上时,我想在其上显示工具提示。

https://formidable.com/blog/2016/09/19/victory-0-12-0-the-one-true-tooltip/

表示“VictoryVoronoiTooltip”可能会有所帮助。

但是,这似乎不是当前 Victory 图表发布的一部分。我在编译期间收到“未找到”消息。更远;

https://formidable.com/open-source/victory/guides/tooltips/

在此处输入图像描述

这里建议相同...但是单击“VictoryVoronoiTooltip”链接会给我一个 404。

有什么建议么?

0 投票
2 回答
1196 浏览

javascript - 胜利:动画圆形进度条 - 不渲染图表

我正在使用 Victory 的图表库和 React 来呈现一个动画循环进度条,如下所示:

https://formidable.com/open-source/victory/gallery/animating-circular-progress-bar

这是我的代码:

不幸的是,这只是呈现文本,而不是完整的图形。看:

在此处输入图像描述

关于我做错了什么的任何指示?

0 投票
2 回答
138 浏览

javascript - 如附图所示,如何构建修改后的 PieGraph?

我有兴趣构建一个如下图所示的 pieGraph,但不知道从哪里开始并且可以使用建议。

图表库胜利有以下内容: https ://formidable.com/open-source/victory/gallery/animating-circular-progress-bar

ChartJs 有甜甜圈和派: http: //www.chartjs.org/docs/latest/charts/doughnut.html

但是这些都没有接近屏幕截图。我该如何构建它,是否有一个可以工作的图表库?

饼图