问题标签 [react-vis]

我正在尝试使用 uber 的 react-vis 库制作多色条形图。我遇到的问题是最左边的条形图在 YAxis 下方溢出，而不是包含在它的右侧。

你可以查看这个 REPL https://codepen.io/anon/pen/mozzeE?editors=0011

我正在开发一个显示三个仪表的仪表板，每个仪表都突出显示形成“甜甜圈图”的数据集的某些部分。该设计要求数据集突出显示部分的笔画为 4px，但由于 SVG 绘制顺序，当数据集中的最后一个项目的笔画重叠时，这将成为一个问题。见图片。https://imgur.com/KYRnVJS

有人有任何聪明的解决方法吗？

我正在使用可视化库React-vis，并发现虽然折线图或图表在使用FlexibleXYPlot组件时可以正常收缩和增长，但一旦将其放置在宽度为其所在行的 40% 的表格单元格中，它会增长但确实调整窗口大小时不会缩回。我想知道如何获得在表格中的表格之外的收缩行为。代码在这里，演示了两个上下文：https ://codesandbox.io/s/wk6kpxl3jk

下图本身不是我的图表，但显示了我得到并希望避免的相同行为。

我正在尝试在我的项目中实现 react-vis。我需要根据日期显示数据。我正在使用tickFormat，但它在x轴上显示了两次相同的日期。我在这里添加了几行代码。

我已将 添加xType="time"到图表中以在 x 轴上显示时间刻度。我只显示 25 秒范围内的数据。目前，x 轴将时间格式显示为:SS。

因此 x 轴以以下格式显示时间（数据显示每秒）：

:23, :24, :25

我从数据库中得到的是以下格式的时间字符串： 2019-07-01T10:42:38.621Z

我尝试了以下方法：

总是得到相同的结果。

我希望将 x 轴格式化为HH:MM:SS格式。

所以 x 轴显示的数据如下： 11:42:05, 11:42:06, 11:42:07

我显示的范围为 25 秒。这似乎是由图表自动设置的，就好像我将范围更改为包括几分钟在内的程度，x 轴上的时间显示更改为MM:SS格式。我仍然需要HH:MM:SS你的格式。这完全可以做到吗？

我希望能够（在图表加载时）在图表上的特定点上显示“十字准线”。

我现在的十字准线正确显示了来自 9 y 轴的数据（x 轴是时间一）。

我已经搜索了文档和示例，但无法看到任何此类内容。

准星文档： https ://uber.github.io/react-vis/documentation/api-reference/crosshair https://github.com/uber/react-vis/blob/master/docs/crosshair.md

React vis 事件处理程序： https ://github.com/uber/react-vis/blob/master/docs/interaction.md

React vis 示例： https ://uber.github.io/react-vis/

在事件处理程序部分，有一个事件处理程序列表，但需要用户操作。我希望根据传递给它的状态来改变十字准线的位置。

根据我已经看到的，我不确定这是否可能？我不需要工具提示部分，所以我可以没有它，我所需要的只是十字准线。

感谢您对此提供的任何帮助/对此的回答。

我正在使用 react-vis 制作折线图。我有一个名为 RoomUtilisation 的父组件和一个名为 ChartGridLine 的子组件。父级获取数据（当前使用模拟数据），然后通过道具将其传递给子级。但是，不知何故，图表仅在我多次更改下拉列表时才会呈现。子组件有时也会使用一组错误的数据，例如选择的 A 类，但使用 B 类的数据。

我尝试调试，似乎 nextProps 和 prevState 在某些情况下是相同的。请帮忙！

虽然我可以运行yarn add react-vis得很好，但是当我运行时yarn add richardlewisjones/react-vis，我得到了这些错误：

并且想知道如何解决这些错误。

我正在使用 react-vis 并尝试使用可以过滤的图例来实现折线图，如本网站顶部的第一个图所示：https ://uber.github.io/react-vis/examples/showcases/plots 基本上当单击图例项时，整个系列以及图例项都会变暗。

我猜我需要onItemClick在https://uber.github.io/react-vis/documentation/api-reference/legends的 Legends 下使用属性来更改我已成功创建的行的不透明度

我不确定如何从这里开始，为onItemClick

我对 React-vis 中的水平图例有疑问。我用了这个道具orientation="horizo​​ntal"，但是什么都没有……