问题标签 [react-charts]

我正在使用反应图表面积图，我想制作它，所以如果它是负数，它是红色的，绿色是正数。

有什么方法可以实现这一点，还是我应该看一个不同的图表选项？

谢谢

https://www.npmjs.com/package/react-charts

嘿，我在尝试将这个示例实现到我的 React 项目中时遇到了很多麻烦。该示例与我的设置方式不同，我无法将其从他们的方式转换为我的方式。我有一个图表，但我真的希望包含渐变颜色。这是我所得到的......

该图有效，但是当我尝试添加颜色时，我无法走得很远而不会出错。希望得到一些帮助。

谢谢

我的第一个错误是 Error: Invalid hook call. Hooks can only be called inside of the body of a function component. 这很明显，因为它是一个类组件而不是这一行的功能const [{ activeSeriesIndex, activeDatumIndex }, setState] = React.useState({

我想自定义 Recharts Scatter 圆圈大小。是否有所有可能的自定义选项的文档？

条形图

我必须制作一个条形图，如上图所示，其圆角带有线性渐变背景，x 轴标签也应该有背景和圆角，使用 react-chartjs-2

我当前的代码是：Chart.js

该组件收到的道具是：

我想在径向图表的不同部分显示我自己选择的颜色，这就是通过将 colorType 道具传递给 RadialChart 组件来实现的方法。

这是我的代码::

我正在尝试使用 ReactJs 应用程序中的“react-charts”存储库绘制折线图。不幸的是，我找不到此存储库的文档，只有示例。我知道它是基于 ChartJs 的，我举了一个例子并添加了“min”和“max”属性，但它不起作用。我的 TestC.js 文件：

结果是：

轴从 6 开始，以 8 结束，根据 DATA 的范围而不是根据“min”和“max”属性。

我正在尝试react-chartjs-2在我的项目中使用来创建图表，但出现以下错误：

而且，这是我的代码：

我正在尝试创建条形图

我制作了一个饼图@syncfusion/ej2-react-lineargauge

问题是我有一个数据标签，每当我悬停以获取工具提示时，它就会不断消失。

我为数据标签传入一个模板函数来覆盖默认值

数据标签适用于默认模板，但在模板传递时会在悬停时消失

注意：我映射一个数组以显示多个饼图

悬停前

悬停后

我需要绘制一个具有不同半径部分的饼图。此外，标签应与作品相对，并辅以一条线。我使用 react-chartjs-2。这就是它应该的样子。 在此处输入图像描述

我有存储在 MongoDB 中的数据，如下所示：（以下 1 个文档的示例）

我试图在堆积条形图中显示我的数据，其中 x 轴是年月，y 轴是金额。在每年的每个月内，不同的项目可能会产生若干费用。

我正在尝试实现类似的目标，除了 x 轴应显示年月（例如 2021 年 1 月）。每个项目应该用一种颜色代表每个年月。

我正在使用 Chart.js。下面是我的 Bar 组件。

我正在另一个组件中处理我的数据：

我知道这不起作用，因为它没有按正确的顺序/按年和月分组返回金额。

我很难按年月对金额进行分组。非常感谢您对此的任何帮助，谢谢。