问题标签 [react-vis]

我正在尝试为 React 找到一个 sankey 图组件。Vis.JS 有一个带有 D3 和 D3 Sankey 插件的包装器 - react-vis. 它毫不费力地吸引了桑基。有几个问题——“无效的”数组节点可以关闭浏览器——可以通过验证来解决，图表上没有标签和/或“系列”的名称。Sankey 的示例代码如下：

该图的绘制与演示中的完全相同。添加节点或自定义节点没有问题。如果您知道如何使用react-visGoogle Charts 反应包装器或可能显示节点名称，请告知。

我正在尝试使用 react-vis。如果我使用私有示例，我会在线条之间看到黑色区域。我想念什么？

我无法在文档中找到这个。我想显示一个图表，其中 x 轴呈现日期和时间，左侧有最新数据。我曾希望仅反转数据属性数组就可以做到，但 react-vis 库比这更聪明。

我原以为信息在此文档页面上。

那么，如何对x 轴进行降序排序呢？

代码示例

渲染组件的 BlazeJS (MeteorJS) 模板

如何在 React-vis 上启用工具提示？

我没有看到关于可视化的工具提示，我如何才能看到悬停图表的工具？

对于 SunBurst，Uber github 页面上有一个示例，您必须根据数据点的角度重新计算工具提示的位置，这不是很方便。

我正在开发一个使用 ImmutableJS 存储所有状态的 React 和 Redux 应用程序。该应用程序以大约 100 Hz 的频率从传感器接收数据。我需要绘制一个实时更新的图表并显示这些数据。我一直在为图表使用 React-Vis，问题是它需要一个对象数组而不是 ImmutableJS 数据结构。

我通过将 ImmutableJS 数据结构转换为这样的数组解决了这个问题：

这可行，但如果我用真实数据运行它，我遇到的问题是巨大的滞后，我认为因为它必须一直创建一个新数组。

如何为此创建高性能解决方案并仍然使用 ImmutableJS？

尝试将 XYPlot 的背景和 0 以上的左轴设置为具有红色和绿色区域。我正在接近左轴部分，它目前位于轴下方。我仍然不确定要为图表的实际主体调整哪个部分。

而且我承认我的 CSS 技能很弱。但任何帮助将不胜感激。

这是我现在所在的代码笔： https ://codepen.io/onusigep/pen/eyZyar

我有一个定制的风暴反应图节点：

我在 Widget 中的渲染方法如下所示：

我的问题：是否可以将 react-vis 仪表图元素添加到我的自定义节点？

结果将是渲染的节点，其周围有 react-vis 仪表元素。

无法弄清楚如何做到这一点......

我正在使用 react-vis lib 进行可视化。谁能告诉我如何为以下数据绘制时间序列图？提前致谢。

如何在 React-Vis 中指定轴范围

例如：Y 轴为 0 到 100，数据如下

数据={[ {x: 1, y: 45}, {x: 2, y: 50}, {x: 3, y: 85} ]}/>

YAxis 必须在 0 到 100 的范围内，即使这里的最大 Y 值是 85

我很难弄清楚如何在反应力中设置节点之间的距离。无论如何，是否可以根据单个链接动态设置链接长度？例如，一些节点比其他节点相距更远。