问题标签 [react-chartjs-2]

我尝试使用 react-chartjs 2 制作饼图，它在桌面视图中运行良好，但在移动视图中，图例没有响应，它占用了很多空间，因此饼图的大小变得非常小。

我的代码：

我正在尝试实现一个具有分散日期属性的图表，但图表正在渲染所有日期之间的距离相同。

这是我从后端 api 获得的 json 数据，日期数组是这样的 [2018/2/12, 2018/218, 2018/5/19, 2019/1/1]。如您所见，日期以正确的升序排列。根据我们拥有的数据，有什么方法可以使图表步骤更合乎逻辑？

上面的代码是我试图做的是使用chartjs绘制散点图并根据数据有条件地渲染pointbackground颜色，无论数据属于短期还是长期或中期，但我无法给出不同的颜色这些不同的术语可以请任何人帮助我吗

我通过react-chartjs-2React 显示一个 Chart.js 圆环图，默认情况下，每个圆环部分都会显示这些线框内容。这是一个例子：

这些线框的东西叫什么，我该如何关闭它们？

此外，就其价值而言，它们似乎默认不会出现在基本的 Chart.js 库中，但它们会出现在react-chartjs-2npm 包中的甜甜圈（可能还有饼图）图表中。我已经搜索和搜索，并尝试为图例、图例标签和工具提示切换一堆选项，但无济于事。我不知道如何关闭这些。谢谢您的帮助。

我正在尝试连接 Chart 数据集中的两个数据，但我不知道该怎么做，目前我的图表如下所示：

我想像这样连接它：

这是我的代码：

我试图在第二个数据集的最后一个空值（来自第一个数据集）上放置相同的值，我能够连接线，但问题是每当我单击该特定点时，我都会得到 2 个值（这是可以理解的）

如果我可以在不这样做的情况下连接这两个数据集，我只是在寻找替代方案。

近一个星期以来，我一直在努力解决这个问题.. 任何帮助都将不胜感激。

这些是我必须在 react 中使用 chartjs 渲染的数据。我制作了一个自定义组件来重新绘制图表，它对于单线图可以正常工作，不能只在这里渲染多线图。

这是我的 Chartjs 自定义组件

这些是我要在图表上呈现的数据，每个数组都必须在图表上成行。“敢”数组将成为我的 xAxes，其他列将成为我的 yAxes

我在 reactjs 中制作了一个自定义 chartjs 组件，并希望在 xAxes 中呈现日期，在 yAxes 中呈现从 -1 到 1 的数字，但它呈现数据的方式不正确。

我将这样的数据传递给组件

我不得不提到我做了同样的事情并且工作正常这是下面的例子

任何建议将不胜感激。谢谢你。

情况：我从我的服务器获取多个数据集，每个数据集被加载到一个状态，然后分别分解为标签、带有键和值的数据。我有每个数据集的图表。我可以确认正在检索数据。但是，react-chartjs-2 只会加载一个图表，而其他所有图表都是空的。

一个星期以来，我一直在努力解决这个问题。我已经阅读了文档，查看了示例，通过查看类似问题尝试了各种方法/解决方案，但到目前为止没有任何效果。

不知道从这里去哪里。任何帮助表示赞赏。谢谢你。

我是反应新手。我正在尝试使用 charjs 作为反应组件。

添加以下导入语句后，我会立即收到运行时错误：

运行时错误：

组件编译并导致上述错误？

组件代码：

我究竟做错了什么？

我一直在通过 axios 从我的 MongoDB 服务器导入 JSON 文件。我能够成功获取数据，但无法在图表上显示。我已经看到了其他答案，似乎很容易将每个键列存储在一个单独的变量中，然后加载到labels对象data，但是这种更优化并且 Chartjs 也允许我们使用其文档中列出的这种方法，但我可能会在某个地方出错。需要帮助，因为我需要为我的项目实施它

输出：它只显示一个没有数据的图表

为了更好地理解这里是文档的链接： https ://www.chartjs.org/docs/latest/general/data-structures.html

我还尝试在我的代码上进行以下操作：

• 尝试将其写入选项

• 提供静态数据，例如：

我从MongoDB作为 JSON 发送的文档也是这样的（所有值都可以通过它们的键访问）：

将不胜感激您的帮助！