问题标签 [victory-charts]

我正在使用 React Victory在项目中绘制不同的数据集和函数。但是我无法为散点图上色。

我尝试过使用以下代码：

从这里我得到一个散点图，但是所有数据点都是灰色的，而不是我指定为“填充”参数的颜色。

在这里查看data prop 的文档，似乎我应该能够通过“填充”参数指定颜色。

如果有人对我做错了什么有建议，我会很高兴听到他们的意见。

我在我的 ReactNative 应用程序中使用 VictoryPie 图表。它渲染得很好，没有任何问题。但我的要求是饼图中的每个切片都应该是圆角并相互重叠，如下图所示

我可以通过应用属性来获得圆角cornerRadius。但是有没有可能让它们像图片中一样重叠？还是我应该创建一个自定义组件？

现在，当我将 y 的值设置为 0 时，图表将不可见，但在这里，当 y 的所有值都为 0 时，我想以灰色显示圆圈或胜利派。胜利派中是否有任何路径可以用数据不可用时为灰色？

现在，当数据可用时，图表看起来像这样

当数据不可用或 y 的值为 0 时，图表的预期输出应如下所示。

我正在尝试使用 Victory 库为 React 绘制条形图。当我只是调用 VictoryBar 组件时，它会正确呈现条形图。但是当我将它包装在 VictoryChart 组件中以绘制图表轴时，它不会呈现。

我的代码如下

任何帮助表示赞赏

默认情况下，Victory 将所有条形图分散在图表上：

和代码：

如何使它们居中并使中间成为散射的入口点？我正在寻找类似根图表组件的对齐道具

顶部图表使用常规标签。底部使用的是labelCompoent道具自定义标签。
似乎自定义标签是绝对定位的。

这是世博小吃。 （点击查看Android和iOS上的问题）。

这是代码。

如何正确定位自定义标签？

这可能是一个非常特殊的用例，但我有一个使用 Victory Charts 的 React 应用程序。我需要获取图表的屏幕截图并将其导出为 png。我已经做了一些研究，以下是我目前的一些想法：

1. 使用victory.js 本身中的一些功能将其导出。我能得到的最接近的是：https ://github.com/FormidableLabs/victory/issues/781#event-1281057513但是这种方法不起作用。我已经测试过了。它为我提供了对图表容器的参考，尽管这可能很有用。

2. 使用一些“屏幕截图”库我尝试了 saveSvgAsPng 并制作了这个：https ://codesandbox.io/s/victory-chart-to-png-k9zo8但这也不起作用，我不知道为什么不这样做。

3. 使用某种使用 D3.js 的实现来构建胜利图表。但我也不知道该怎么做。

如果你们对如何完成这种事情有任何想法，请告诉我。

需要胜利内置按钮或胜利原生 API 来重置胜利缩放容器的缩放。

对于可能很无聊的问题，我很抱歉，但我正在学习打字稿并且遇到了我无法克服的情况。

我使用组件接受传递类型数据的胜利DomainPropType图表。所以我下载并安装了@types/victory来使用这种类型。

从那以后，可以将数据传递给组件。

但 ...

在第一个 console.log 中可以清楚地看到它entireDomain是带有 key 的对象x。那么为什么在第二个 console.log 中 typeScript 会抛出以下错误呢？

好的，它也说[number, number]。然而，这就是类型的样子：

如果我理解正确... DomainPropType 也可以是 type { x?: DomainTuple; y: DomainTuple; }。那为什么 typeScript 选择了错误的验证呢？请有人向我解释。

我是反应新手，并试图在反应应用程序中使用 Victory 来制作简单的散点图。我正在研究这些示例，但无法使散点图的交互部分起作用。

这是我的 App.js

保存在 .data_holder 中的示例数据在这里：

onClick 事件正在发生（当我在 onClick 中添加日志语句时，它会清楚地显示出来），但填充颜色没有更新。任何帮助深表感谢。