问题标签 [react-vis]

我正在构建一个堆叠的垂直条形系列图表，其值在 1 和 1.000.000 之间波动，因此无法看到显示非常低值的条形（顶部 x 轴中的值除以 1.000）。

是否可以为所有条形设置最小高度？我尝试直接编辑库，并且可以设置最小高度，但是由于图表显示了多个条形集，每个条形集都有自己相对于图表的坐标，它们重叠。

谢谢！

我想在 react-vis 的 VerticalBarSeries 中的每个 rect(bar) 元素上方显示字符串或数值。并且值应该刚好高于条形高度。另外，如何更改 barSeries 的条形高度、宽度和边距。我使用了 display: flex 来使乘法条形图出现在每个条形图旁边还有其他方法吗？下面是我的代码：

我想通过 puppeteer 传递一组数据来呈现 react-vis 组件，而不是在 html 模板中传递数据？我附上了两个文件，其中一个是 puppeteer 文件，另一个是 react-vis 的 HTML 模板文件？我是 Puppeteer 的新手，找不到任何可以构建的示例，所以我需要帮助，使用 puppeteer 将数据传递到 HTML 模板中。

pdfTest.js

reactVis.html

我正在尝试使用renderMode: 'DOM', for mode: 'circlePack'，它应该显示以下图像，它仅在我将 renderMode 设置为“SVG”时才有效：

当我将 renderMode 设置为“DOM”时，我得到以下信息，

1. onLeafClick，onLeafMouseOver并且onLeafMouseOut不能在 renderMode 设置为 'SVG' 上工作，我需要它们来执行一些操作

：

我的 React 组件代码如下：

我遇到了一个问题。酒吧系列并没有出现在它的标签下。我不知道出了什么问题。

这是它的代码

数据是这样的

在我跳入主题之前，我想提一下，我已经提到过这样的问题，但我自己无法找到解决方案。

将 React 状态更新为二维数组？

假设这是我的状态对象

随着时间的增加，graphData 会变得更大，可能看起来像这样

目前，我以这种方式处理它：

显然，我得到一个错误，说我不应该直接改变状态。那么，如何在没有直接突变的情况下达到相同的效果。我试着玩了一下，但无法弄清楚。

此处的ReactVis API概述了可能有用的可用内容。我已经成功地将“拖动选择”功能添加到我的自定义代码中。在图片中，我们将选择 13 到 17 并将fill值变为red例如。

更多伪代码问题，但代码会很棒。

Hook 中的容器div如下所示：

非常感谢。

我正在使用 react-vis 制作一个简单的数据可视化工具，但我不知道如何使十字准线仅显示最近鼠标悬停系列的 y 值。此外，我似乎找不到任何有关 react-vis 文档中指定的事件对象的文档。例如：

事件有什么属性？我在这方面找不到任何东西。

这是我目前拥有的 Chart 组件的代码。我尝试将每个系列的选定状态存储在一个数组中（当前已注释掉），并且仅在所述系列的状态为真时将十字准线值设置为该系列：

有什么方法可以显示 XYPlot 上 Y 的当前值是多少？

我以前使用过十字准线（它在一个常见的 X 上显示 Y 值），但我意识到我真正需要的是能够显示 Y 在鼠标位置的任何内容（不绑定到任何线数据点） . 例如，如果 Y 轴从 10000 变为 20000，并且我将鼠标放在图表的一半，我想在某个处理程序中接收值 15000 或以某种方式显示它。

可能吗？我查看了 _onNearestX 和 _onNearestY 的文档，但看起来它们与特定的线系列相关，而不是与整个情节相关。

或者，如果我无法获得 Y 的值，那么能够在我放置鼠标的任何位置绘制两条相交的线会很有帮助，但我也无法在图表中找到有关如何做到这一点的文档。

任何帮助将不胜感激。

has anyone used react-vis? I'm trying to render the Marks over line series when the user hovers over the chart.

The problem is it keeps on throwing an error

x is not a function.

Has anyone run into such kind of issue? the error comes when I try to render marks or try to show tooltip over the line series.

Here is my render function

XYPlot is a wrapper around react-vis XYPlot. XAxis and YAxis. Did anyone else run into such kind of issue?

Here is the screenshot of the error