问题标签 [nivo-react]

我正在使用 nivo 图表来可视化一些病态数据集。

例子是这样的，

有了这样简单的数据，

我真的想简单地在 10、14、18 时添加一条线，以供我锻炼时使用。理想情况下，我希望能够在 4 小时后对该线下方的区域进行着色，以某种抛物线（或真正的特定形状），在 4 小时后完成着色。

我对如何使用 Nivo Charts 实现这一点非常迷茫。我想这不是一个正常的功能，但我想知道我是否缺少一些我可以工作的东西？

我想要实现的一个很好的例子就是这个沙箱，

https://codesandbox.io/s/simple-composed-chart-forked-b0bfi

如果它在视觉上更具吸引力，我很乐意使用这个沙盒代码，但最好还是坚持使用 nivo！

谢谢！

我正在使用 Nivo ResponsivePie 来显示一些数据，除了工具提示之外，一切似乎都在工作。工具提示只是没有显示。我有一个带有工作工具提示的热图和条形图。我直接从文档https://nivo.rocks/pie复制了代码

我对折线图有同样的问题。

当我检查开发工具时，当我<path d=".."/>在图表上移动时，我看到动态更新，但是样式标签中没有像其他图表那样弹出任何内容
（像这样

)

目前我正在做这样的事情：

要处理我单击的值，然后我会将此值附加到当前 URL。

然后我会尝试像这样渲染这些组件：

但是第一个组件（路由页面的那个）弹出，但是当我点击并且 URL 没有改变时，只是一个完整的页面重新加载和路由组件（Chord）。

如何在两个组件之间导航？还有一种方法可以避免整页刷新吗？

感谢您的任何回复

我正在使用带有给定代码沙箱示例的"@nivo/core": "0.70.0", "@nivo/treemap": "0.70.0" 版本树图。在我的本地页面中，我无法看到工具提示。但是在给定的代码中，沙箱工具提示按预期工作。我在本地使用相同的数据和道具，但看不到工具提示。试图给出自定义工具提示，但没有运气。

重现

代码沙盒链接：https ://codesandbox.io/s/interesting-wescoff-2lsgn?file=/package.json

我的代码截图：

桌面（请填写以下信息）：

• 操作系统：Linux 版本 20.04
• 浏览器 chrome, 火狐
• 版本 91.0.4472.114

谁能让我知道我缺少什么来启用工具提示？

我在使用 Nivo 折线图显示年度数据时遇到问题。

我有 2019 年、2020 年和 2021 年的数据，但不是 2019 年没有全年的数据。

当我尝试使用以下方法绘制它时：

即使我将它设置为按年分开，它也会逐年显示它：

Javascript 对象

结果是这样的： 图表

我是否必须将数据设置为字符串类型而不是日期对象？

谢谢！

我正在使用 Nivo 堆积条形图在条形图上显示分数范围。为此，我使用了标记道具。我几乎让它看起来像我想要的那样，除了标记延伸到酒吧之外，这不是我需要的。

当有人在 Github 上问同样的问题时，似乎目前还没有一种简单的方法可以做到这一点。nivo 的创建者 plouc 说：

简短的回答，你不能：/但是你可以使用一个额外的层来实现相同的结果，使用层属性并添加一个额外的组件。

所附照片来自Nivo关于添加标记的文档（单击“故事”选项卡将显示基本代码）。

这是标记项的源代码。如果您在整个文档中搜索宽度，您可以看到它设置在行的 x2 中。进一步向下滚动，您可以看到有一个strokeWidth属性，但据我所知，它只控制线条的粗细，而不是线条的宽度。

有人可以让我知道我错过了什么吗？

这是我的代码。我在条形图上显示了两个标记，因此传入了两个标记对象。为了简化，我删除了不相关的 Bar 道具。

我有以下数据：

预期输出：

我想首先按地区分组，对于每个地区我想按 Order_Date 的年月（'YYYY-MM'）分组，并按每个 Order_Date('YYYY-MM') 组的销售额求和。

我尝试了以下代码，但无法获得预期的输出。我不明白如何通过多个分组来做到这一点。

有人做过前端pdf，里面有图形吗？

我有一些 react nivo 图表，我正在尝试将它们放入 react pdf 中，但我不知道该怎么做。

我有以下数据：

预期输出：

我想按年和月（“YYYY-MM”）对所有 Order_Date 进行分组，并为每个 Order_Date （“YYYY-MM”）组的每个区域值放置销售额总和。

我需要像Nivo 条形图数据一样转换数据。但我无法获得任何关于转换数据的 nivo 文档。

react中需要同步nivo条形图（timeseries）和highcharts（timeseries）。

例如：如果我们将鼠标悬停在 nivo 图表上，那么对于相同的时间戳工具提示也应该显示在 highchart 图表上，反之亦然。

寻找一个可行的例子，如果有人做过这样的事情（请分享）。