问题标签 [react-vis]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
782 浏览

javascript - VisJS 网络图无法稳定并在循环中移动

我正在尝试使用创建网络图,visjs但问题是它适用于一组节点和边,但不适用于另一组。

数据(节点和边)可能会有所不同,所以有没有办法可以提供通用设置?

在给定的示例中,图形继续在一个圆圈中移动,并且需要永远稳定。谁能帮我解决这个问题?

示例: https ://jsfiddle.net/aqarain92/eL1qt58r/16/

我正在使用以下options

相同的选项适用于不同的节点和边集。

0 投票
0 回答
291 浏览

reactjs - 带有 react-vis 的多线系列图表的工具提示

我绘制了多个折线图并启用了工具提示。当我这样做时,它给了我最后一个情节的价值。如何Crosshair同时获取多行系列的值。

以下是参考代码:

0 投票
1 回答
158 浏览

javascript - react-vis径向饼图的padAngle属性不起作用

我的代码

正在渲染什么

我所希望的

我尝试了许多值,但我无法改变任何东西。使用这些文档:http ://uber.github.io/react-vis/documentation/other-charts/radial-chart

0 投票
1 回答
461 浏览

d3.js - React-vis y axis scale

I have a bar chart in a react-vis component. I allow react-vis to calculate the y axis but it never seems to go to the end of the full range of y values.

For example...

This is what I get by default..,

enter image description here

What I want to achieve is something like this...

enter image description here

I can get what I want by changing a single line in node_modules/d3-array/src/ticks.js.

If I change this line...

to

then, 1 extra tick value is generated and using CSS I can make it visible which satisfies my requirement. I don't want to go editing the source here.

Does anyone know of another way to achieve the same result?

0 投票
0 回答
86 浏览

reactjs - React-vis 截断 LineSeries/LineMarkSeries XYPlot 边界外的线

例如,我有一个 LineMarkSeries,第一个点位于 (0,0),第二个点位于 (5,5)。如果 XYPlot 将下 x 轴限制为大于 0,则该线将延伸到图形之外。有没有办法截断这条线,让它仍然在图中?

简而言之:

该线将超出图形的范围。

0 投票
1 回答
429 浏览

reactjs - React vis 折线图未正确呈现

我正在为我的一个项目使用 react-vis 库。我从他们网站上的一个示例中复制了示例图表的源代码。我直接复制了示例,但图表仍然不像预期的那样。

预期的

实际的

0 投票
1 回答
193 浏览

reactjs - React Vis 水平十字准线

有没有办法显示十字准线,使其水平而不是垂直?默认情况下,给定一个点列表,它将垂直十字准线捕捉到最近点的 x 值。

0 投票
0 回答
60 浏览

javascript - 无法在移动设备上使用 Nivo 工具提示或十字准线可拖动性

我正在尝试使用 Nivo 创建一个使用十字准线和工具提示的折线图。我能够在桌面上让一切正常工作,但在移动设备上,当我尝试用手指拖动图表时,什么也没有发生。只有当我点击时才会出现十字准线和工具提示。

这个可拖动的功能正在使用 react-vis,但由于各种原因我需要离开它。

有什么建议或帮助吗?

0 投票
0 回答
30 浏览

treemap - react-vis 的树形图未正确显示顶级或嵌套标题 - 因为它们被遮挡而无法看到它们

我到处都看过,但我无法在 react-vis 中获取 Treemap 以正确显示标题。

我说的是节点的标题而不是叶子里面的名字

我想查看根节点标题和相应的标题,但它们是模糊的。

有谁知道我如何让它们正确显示?

我希望看到四个节点中的每一个都有一个标题 - Euro、Credit、HY & SSA

加上顶级节点的主标题

单击此处查看未显示任何标题的 Treemap 图像

如果我使填充很大,我可以看到下面的标题,所以它们在那里 查看填充设置为大数字的标题

有什么建议么 ?

0 投票
0 回答
17 浏览

reactjs - react-viz 库中的向下钻取无法按预期工作

我正在使用 react-vis treeMap 来显示层次结构数据。它应该显示父节点,单击该节点后,我希望深入了解它的子节点。但似乎在 react-vis 图表中向下钻取并没有按预期工作。你有什么建议吗?