问题标签 [react-vis]

我正在研究一个 react-vis 图表，该图表将动态更新当用户单击/关闭该系列的图例项时显示的数据。

如果用户点击了所有系列的点击，我渲染的 JSX 基本上如下所示：

我希望这仍然会渲染轴、网格线等，但整个图表会从 DOM 中删除。如何使用空数据渲染图表，但在 DOM 中保留轴、网格线等？

我的组件中有这个：

所以我想拥有line和mark颜色为红色，但边框mark为黑色。

但这不起作用！我正在尝试根据文档，这似乎不起作用。

当我尝试inspect element使用mark浏览器并将cssstroke从红色更改为黑色时，标记的黑色边框起作用。

但是，而不是style财产color="red"或stroke="red"作品，但我无法实现我正在尝试的目标。（线和标记为红色并将边框标记为黑色）

我错过了什么，请帮助我，谢谢:)

我为我的反应代码安装了 react-vis 库。
我使用了这个命令，就像在教程中一样：npm install react-vis --save
但是当我用这个代码包含库时：import {XYPlot, XAxis, YAxis, HorizontalGridLines, LineSeries} from 'react-vis';
它给了我以下错误：

Could not find a declaration file for module 'react-vis'. 'C:/react-vis/dist/index.js' implicitly has an 'any' type.
Try npm install @types/react-vis if it exists or add a new declaration (.d.ts) file containing declare module 'react-vis';
即使这样也行不通。有人知道怎么做吗？
我只是反应的初学者。

我正在阅读有关灵活图表的文档并尝试将它们应用于饼图：

但是在渲染这个时，我得到这样的标记：

如您所见，rv-xy-plot元素的尺寸显式设置为0px. 我究竟做错了什么？如何创建响应式饼图？

我正在尝试显示基于此数据集的折线图：

我的问题：x 轴标签重复 4 次，所以每个刻度显示 4 次：feb, feb, feb, feb, mar, mar, mar, mar ...

更新：

删除日期的格式显示，'react-vis' 会为每周（2 月 4 日、2 月 11 日、2 月 18 日、2 月 25 日、3 月 4 日、3 月 11 日……）呈现一个刻度，但数据具有每月间隔。

如何使 x 轴跟随数据？

这是我的代码：

我尝试在 xAxis 上设置 Range、Domain 和 tickValues，但似乎没有任何效果......

如何使 X 轴上的标签每个只显示一次？

更新 2：

我可以通过设置如下属性来限制刻度数totalTicks={data.length}：

我想知道是否有一种更优雅/“正确”的方式来控制 x 轴刻度的间隔......？？

FlexibleWidthXYPlot如果组件应该可见并且定义了数据（通过道具），我正在使用有条件地呈现的组件内部。

但是react-vis计算图表宽度width=0（因此不显示图表）。我可以通过像这样重新渲染来正确计算宽度：

• 1. 调整浏览器大小
• 2. 设置width固定值的道具。

我不能做 2. 因为图表应该是响应式的。所以我试图触发调整大小，componentDidMount但也没有运气：

我是xDomain手动设置dontCheckIfEmpty={true}的，所以我试过了，但它也不起作用......

为什么要FlexibleWidthXYPlot计算宽度0？我该如何解决？

经济概览.tsx

付款图表

我正在尝试在 Jest 中运行基本的“安装 React 组件”测试。测试是

测试基础设施是使用create-react-app.

该App组件有一个使用组件的子react-vis组件。

当我尝试运行测试时，出现以下错误

关于如何让这个测试工作的任何建议？

使用 react-vis 的动态列的垂直分组条形图

使用 react-vis 竖线的输出

预期产出

我得到三个 3 条，但总是有四分之一的空条。这是不需要的。任何建议都会有所帮助。谢谢

我正在评估 react-vis。假设我有一个 react-vis 简单图表，当图表悬停时，如何添加一条随鼠标移动的垂直线？我的猜测是我需要在 XYPlot 中添加一个十字准线组件，也许还有一个 YAxis 组件。但我不明白怎么做，也找不到任何相关的例子。

xType={'time'}如文档中所述，我正在使用带有俄语语言环境的 XYPlot ，有没有办法将 24 小时时间格式传递给 d3-scale？

而不是“03 AM”，我需要像“03:00”这样的东西。

来自 d3-time-format 的俄语语言环境的时间定义为 %H，应该是 24 小时：

{ "dateTime": "%A, %e %B %Y г. %X", "date": "%d.%m.%Y", "time": "%H:%M:%S", "periods": ["AM", "PM"], // ... some other options }

不幸的是，该设置不会影响比例行为。