问题标签 [nivo-react]

我在我的一个项目中使用 Nivo 图表，并且我有一系列颜色。我正在尝试添加一个图案（定义和填充），但是当我添加它们时，背景变成黑色。 https://codesandbox.io/s/nivo-pie-typescript-forked-s4lk2?file=/src/index.tsx

如果我不知道 id 来自数据，我如何动态匹配 id 来填充，它们将来可能会改变？

谁能建议一种在 Nivo 散点图中为每个点添加标签的方法

请参考这张图片它附近有一个标签我想要在 nivo 散点图中相同

我想将 nivo 与 Next 一起使用，但是当我加载包含使用 nivo 制作的饼图的页面时，出现此错误：ReferenceError: ResizeObserver is not defined.

我的Pie.js组件：

我的chart.js页面：

此错误仅在使用ResponsivePie和不使用时出现Pie。我还尝试让它与 React 项目一起使用，但虽然我没有收到此错误，但似乎没有显示任何内容。

编辑：

经过一番调查，@nivo/core 0.79.0依赖似乎有问题。我们应该在 GitHub 存储库上打开一个问题。我做了一些更改以检查它是否是由我的 Next.js 版本引起的，但该错误仅发生在 @nivo/core 0.79.0 中。

我有这样的差距 的 nivo 折线图：通过y/value: null在数据系列中传入 11 月和 12 月来弥补差距

工具提示仅显示在数据点上，这是正确的，但我想在 11 月和 12 月添加工具提示，并解释为什么没有数据。

我将@nivo/pie 与"gatsby": "^3.13.0". 但是当我构建 gatsby 时出现错误。 WebpackError: ReferenceError: ResizeObserver is not defined Nivo 的版本是“@nivo/pie”：“^0.79.1”。我不知道解决它。如果您能给我一些建议，我将不胜感激。

这是使用 nivo 饼图的 React 代码。

饼图.tsx

==================================================== ==================

我可以在更新 gatsby-node.js 后修复它。但我得到了另一个错误WebpackError: Minified React error #130;。我可以通过这个最终代码修复它。没有构建错误。

饼图.tsx

谢谢你。

加载 Nivo 条形图时出错。这是我得到的错误

TypeError: Object( nivo_axes__WEBPACK_IMPORTED_MODULE_0 _["Axes"]) 不是函数。（在 'Object( nivo_axes__WEBPACK_IMPORTED_MODULE_0 _["Axes"])((i = []).concat.apply(i, a))' 中，'Object( nivo_axes__WEBPACK_IMPORTED_MODULE_0 _["Axes"])' 是 Object 的一个实例）

这是来自 node_modules 的内部文件的错误。我也可以提供错误功能

我不确定我应该做什么。

我正在尝试使用 Nivo 和 Rect (Typescript) 实现一些单元测试。为此，我正在使用@testing-library/react。

当我使用此代码执行测试时，考虑到“ResponsiveChart”的实现位于“MyPage”组件内部，它会返回一个奇怪的错误响应。

错误：

重要的是说我也在使用“MockedProvider”。

你们知道如何解决这个问题吗？谢谢！