问题标签 [react-vis]

我正在使用 react-vis-network 创建图表。下面是使用 react-vis-network 的语法。

我想为“id”和“label”分配动态值。我在下面也试过 {n.name} 没有代码（“）。这两个选项都不起作用。

有人可以建议我如何将代码中的动态值传递给变量 id 和 label

我正在使用 react-vis 图来生成直方图数据。如果我们有 x 和 y 轴的单独条目，则该图可以正常工作。但是当我们有相同的 x 轴值和多个 y 轴值时，它会失败并且看起来会变形，反之亦然。

有没有办法处理这种数据？

我正在使用以下代码生成图表

根据react-vis doc，onValueMouseOver应该同时返回 theevent和datapoint. 然而，事件似乎并没有通过。难道我做错了什么？

我有一个带有 react-vis 的组件。该组件位于图表选项卡上的反应选项卡中。当我第一次访问该选项卡时，它可以正常绘制。之后每次都根本不画。问题是什么？

我觉得答案是如此明显和简单，但我找不到它。

我用 react-vis 可视化一个 lineSeries 图表。我的 x 数据是 1,2,3,4,5 等等。Y 是千克。但是 x 轴渲染器不仅显示 1,2,3,4 ...，而且显示 1.0、2.0、3.0 加上额外的数字（半数、0.5、1.5...等）我不知道如何解决这个问题并让它只显示给定的数字。

我使用的代码是这样的：

编辑：我发现这使得数字 1,2,3,4,5 但在 x 轴上它仍然显示 0.5 行。像这样。

示例 x 轴

我尝试直接将处理程序应用于对象，但没有效果：

这可能比我预期的要难......？

再会。我的数据看起来像这样

还有我的 react-vis 组件代码

看起来不错，但 y 轴显示的顺序很奇怪。我该如何解决？是否可以删除奇怪的“序数”参数？

如果没有所有轴的序数，它看起来像那样......这对我来说是非常奇怪的行为，我期望更可预测的绘图。为什么它不在 x 上绘制一些文本而在 y 上绘制一些点？我不知道。

错误是

我正在尝试移动 x 轴刻度，以便它们与每个条形矩形对齐。这个想法是条形对应于 x - y 小时之间的事件，并且刻度有点误导。我试过使用tickFormat()，但这似乎只影响标签。我还浏览了 D3 文档，因为 react-vis 文档提到了很多。

当前图表

因此，理想情况下，位于上午 10 点位置中心的条将向右移动，使其位于上午 10 点至上午 11 点之间。我可以使用其他功能来完成此操作吗？

试图在鼠标悬停位置获取 x 和 y 值。

当我记录事件时，我得到 {event: Class}。文档不清楚如何获得价值

我试过 event.target.value 和 event.currentTarget 但它们是未定义的。有没有人遇到过这个问题并有解决方案或解决方法？

当我展开事件对象时，我得到以下

我有一个来自服务器的 perisan 文本。在正常情况下，它会显示如下：
ساعت12
，当我在代码的不同部分对其进行测试时，它显示得很好。但是当我在我的图表中使用它时，字符会乱序显示。像这样：
乱序文本
我不知道为什么它被翻转。我试图同时unicode-bidi设置embed和bidi-override。我尝试过不同的字体。我试过改变字体大小。我已经设置direction为rtl但到目前为止这些都没有奏效。