问题标签 [react-vis]

我有以下内容：

和一些像这样的模拟数据：

但是我找不到消除条形之间间隙的解决方案：

我在 react-vis 图上绘制了 9 个不同的线系列。这些线系列的值各不相同。最小范围在 0-4 之间，最大范围在 0-12000 之间（图 1）。当我绘制所有这些线系列时，它们中的大多数都坐在图表的底部，可读性不够。

react-vis 图表显示当前范围 0 - 2000

我试过使用yDomain={[0, 100]}. 但是，我现在看到的情况是图形最大值最终为 100，并且所有其他值高于 100 的线系列都不可见（它们被绘制在我们可以看到的上方）。

react-vis 图表显示 yDomain 设置为 0-100 的范围，因此缺少其他线系列

如果有帮助，这是代码示例：

我想要的是在不修改实际值的情况下将每个线系列在感知上缩放到 0-100% 范围。当我使用十字准线显示它们时，我仍然需要显示这些值。

我正在尝试更改我的图表，以便它们迭代并将任意数量的当前系列数据加载到 react-vis 中的图表中。我决定使用 this.props.children，但是在<LineSeries />svg 末尾之后插入，即使在检查浏览器{this.props.children}内</XYPlot>的 html/js 时在里面

我是否采取了错误的方法，我对 react（14 天）和 react-vis（6 天）都很陌生，是否有修复或更好的方法？

请注意，代码处于重构/转换的中间，因此有一些复制

我附上了一张图片来显示 LineSeries 的插入位置

我已经尝试将<React.Fragment>代码更改为<>，并考虑了一个没有 的迭代器{this.props.children}，但我还没有完全适应处理重复元素的反应方式。

我试图避免在大量条件渲染中要求 n 个数据集——因为这似乎是错误的方法，除非它是唯一的方法。

我附上了图片以显示数据集既是空的又在错误的位置，并且我已经检查以确保在将数据传递到子 LineSeries 时正确接收到数据

我认为数据为空可能是范围问题，但我认为它被排除在 svg 之外是对 react-vis 库的误用。

图片未加载，因此链接为 url： https ://drive.google.com/open?id=0B-kqm_hXFyf5UXpia3pWMjUxblhnRGF4aDUwdlZmSnVSQXdv

对于我的反应应用程序，我需要创建一个线系列图，每个点都有一个标记，当 x,y 值进行时，线的颜色应该改变。

我为此使用react-vis了插件，它将显示带有漂亮曲线和标记的图形。但我面临的问题是无法随着价值的进展而改变线条的颜色。以下是目前的输出，

有人，请告诉我们如何使用 react-vis 来实现这一点。我已在此处附上沙盒链接以供参考。 链接：

下面的代码给了我一张图片，但图例有点糟糕。

所以现在不让我上传图片，但是图例卡在左下角……而且很小。

有没有办法控制图例位置和/或增加文本大小等？

希望在 react-vis 中开始一些图形，并且想知道将数据从 json 推送到状态的最佳方法是什么，以便我可以从图形中访问状态数据。下面是我的测试json：

我本质上想将“day”和“flights”推送到数据数组中，以模仿 react-vis 提供的示例。下面是我的代码：

应用程序.js

标签系列需要 x 和 y 值来显示标签。我正在尝试在具有多个具有相同 xAxis 值的垂直条系列的图上添加标签。如果 x 值相同，则 XYPlot 在同一垂直线上显示标签。我使用 xOffset 在我想要的位置显示第二个标签，但 xOffset 不稳定。如何正确显示具有多个垂直条系列的标签？

在我的应用程序中，我使用 react-vis 来显示两个线标记系列。当鼠标悬停在标记上时，会显示一个提示。在某些情况下，不会触发鼠标悬停。我已经给出了下面的代码。

从'react'导入反应，{组件}；从“react-vis”导入 {XAxis, FlexibleWidthXYPlot, YAxis, LineMarkSeries, Hint }；导入'./App.css'；

类应用扩展组件{

}

导出默认应用程序；

我正在使用以下软件包

https://www.npmjs.com/package/react-graph-vis

你能告诉我如何停止放大和缩小所有节点吗

https://stackblitz.com/edit/react-c9tnhw?file=index.js

这是我的代码 https://stackblitz.com/edit/react-c9tnhw?file=index.js

我有一个time-series连接到前端 react-vis XY 图的实时数据。数据JSON由 a作为 a 提供python Flask Server。JSON包含date在iso format; _ 类似的东西2019-11-21T00:00:00.000Z。

我能够time-series在图表上显示数据；但是，这些x-axis值显示为ISO format。

如何在 XY 图上以格式显示MM/DD/YYYY日期？我已经在使用XY 图的属性。 x-axisreact-visxType="ordinal"