问题标签 [victory-charts]

这应该是一件很简单的事情，但是对于我的生活我无法达到我想要的效果，我有一个图表，在深色背景上，这意味着我想将标签的颜色更改为白色，但是我无法做到这一点。

我正在使用的代码：

任何帮助表示赞赏。

我正在使用 VictoryVoronoiContainer 实现 VictoryLine 和 VictoryScatter 组合图表和 Victory-Charts以在鼠标悬停位置显示值。我需要在多个位置单击时使这些悬停细节保持不变。

仅悬停数据的示例：https ://formidable.com/open-source/victory/docs/victory-voronoi-container/

具体来说，如果用户在给定弹出窗口处于活动状态时单击，在这种情况下使用 VoronoiDimension='x'，悬停弹出窗口的详细信息在其 X 坐标处仍然可见。在一个完美的世界中，任何数量的这些都是可见的。

使用事件（https://formidable.com/open-source/victory/guides/events/）。我可以通过散点单击（https://jsfiddle.net/kn6v9357/3/）来伪造它，但是使用 voronoidimension 悬停时很难看到这些点，并且单击时必须非常精确。另外，当有重叠时，您只会触发顶层的点击，因此重叠数据不会显示在持续存在的内容上。

有什么建议或想法吗？

来自 jsFiddle 的 VictoryScatter 事件代码（注意这不是我想要的），只有一个分散组件来保持简单：

编辑：这是另一个持久点的例子，但我需要找到一种方法来使标签持久化。 https://codesandbox.io/s/oq1w9xj8q6

使用胜利图，我创建了一个简单的条形图。在 X 轴上，我的数字很大，从 500,000 到 3,000,000。因为图表非常窄，所以 X 轴上的数字是重叠的。我的代码如下所示：

1. 我想要这样的 x 轴标签：500,000 -> 500K。
2. 此外，在 x 轴上，我希望只有 4-5 个标签，它们总是均匀分布，例如 0、1000K、2000K、3000K、4000K。如果我有 x 轴达到 1000K 的数据，则分离将是 0、250K、500K、750K、1000K。

我正在利用 VictoryCharts 向我的 React 应用程序添加图表。我正在尝试完成类似的事情：

我梳理了文档，但无法找到将标签添加到单个条形图中的方法。

我尝试过的事情

1. 嵌套<VictoryLabel> andunder``` --> 轴显示并且文档推荐使用VictoryGroup
2. 嵌套<VictoryLabel> andunder``` --> VictoryGroup不支持VictoryLabel
3. 尝试制作一个独立的<VictoryBar>&<VictoryLabel>并将其嵌入到<svg>--> 在页面上看不到图表内容

这是我现在的片段：

我正在尝试制作一个看起来像水银温度计的温度计。为此，我使用了强大实验室的胜利本机库。

我遇到麻烦的地方是让组件沿 y 轴均匀VictoryAxis分布其组件。VictoryLabel

我的循环componentDidMount正在生成一个数字数组，增量为 0.2，介于this.state.cLower和之间this.state.cUpper，应该设置为 y 轴上的刻度标签。

我已经验证了呈现的值是正确的，但是正如您在此处看到的，所有标签几乎都呈现在彼此之上。

我想创建一个类似于Victory Brush and Zoom Guide中的示例图表的图表。我刚刚找到了这个库，这个例子正是我想要做的。

我想知道除了指南中的描述之外是否有一些示例代码可用？有人知道我在哪里可以找到它吗？

我真的很感谢你的帮助！先感谢您。

在 Victory 中显示刻度值很简单，但是如何显示实际的线段？我必须从头开始创建一个 TickComponent 吗？这似乎是一个主线场景，所以我觉得我错过了一些东西。

当前代码示例：

我正在使用胜利原生图表来呈现饼图。我对如何将从 Rest API 获取的数据传递给传递给饼图的 {data} 的“y”值感到困惑。这是我的代码：

这是我想作为“Y”值传递给图表的数据的控制台形式：

静态数据完美地呈现图表，但在如何循环值上停留在动态上。请帮忙弄清楚。

如何在胜利本机中使用自己的数据键而不是默认用于绘制图表的 x 和 y 如以下代码所示，我想使用 myx 而不是 x 来表示 x 轴上的数据，并在 y 中步进为 y -轴。

而不是这个......

我希望这些数据用于图表....

在此我想使用 myx 作为 x 轴数据和 step 作为 y 轴数据来绘制图表

问题是，当我只使用滑块而应用程序中没有其他代码时，只实现滑块，那么滑块就没有问题。但是当我将滑块与其他组件一起使用时，即屏幕上有很多状态变量和组件时，滑块会滞后，并且状态值的变化很晚才反映在屏幕上。

我也使用了 lodash 的 debounce，但我没有工作，虽然它在一定程度上解决了滞后问题，但由于我必须实时更新状态并将其显示在屏幕上，所以反映在屏幕上的值的变化正在发生时间。

请有人告诉如何解决这个问题。下面的代码 HomeScreen.js正在产生问题。 下面的代码正在创建问题，滑块滞后并且状态值没有立即改变，即它反映了最近屏幕上滑块值的变化我认为是由于 VictoryChart 组件

要查看 Gif 的更多详细信息有什么问题，请单击此处

现在移除 VictoryChart 滑块时工作正常