问题标签 [react-chartjs-2]

我对 chart.js 有很多经验，但是他们的新版本破坏了很多东西，并且有很多错误和问题。

我希望我的折线图 y 轴具有整数让我们说： [0, 1, 2, 3...] 而我得到 [0, 0.5, 1, 1.5...]

我试过的

文档很糟糕，对这些都没有帮助。在文档中，它们显示了许多您可以使用的选项，但跳过了如何使用它们。

我正在尝试像这样对齐中心的折线图刻度： 我需要实现的图像

现在我的图表是这样的：目前已实现

如您所见，我无法删除 xAxis 上的小线或将它们对齐在中心，以及当我有很多数据时，这条线会非常尖，就像这样，它会像其他线一样平滑。

到目前为止，这是我的配置：

我使用了https://www.npmjs.com/package/react-chartjs-2，它第一次显示了一个带有数据的图表。但每当我尝试重绘，使用新数据和数据集时，它总是在图表上显示以前的图形数据。

我尝试过以下解决方案：https ://github.com/reactchartjs/react-chartjs-2

也试过给参考

但是，它仍然显示了与第一次加载相同的数据。

显示图表的代码，

其中， graphData是， const [graphData, setGraphData] = useState(data);

重绘，我也尝试过，redraw={true}

当数据将被修改时，我使用setGraphData(updatedData)更新图表，我也检查了数据是否被改变。

graphData中的数据更新但未显示在图表上

其中指定为graphData的默认数据的数据，

我正在创建此数据的副本，然后在 setGraphData() 中分配

任何人都可以帮助我！先感谢您！！

将我的 react es6 comp 转换为 typescript 时，我在 IDE 的第 16 行（<Line ...）上遇到了这个奇怪的 typescript 错误。它是我使用 react-chartjs-2 的图表组件。

类型'{数据：{标签：字符串[];中缺少属性'类型'；数据集：{标签：字符串；数据：字符串[]；}[]; }; 高度：数字；宽度：数字；选项：{维护AspectRatio：布尔值；尺度：{ yAxes：{ 刻度：{ beginAtZero：布尔值；}; }[]; }; 传奇： { ...; }; }; }' 但在“道具”类型中是必需的。

我看不到甜甜圈，因为数据仅在保存 (cntrl+s) 后才设置为 [0,0,0]，它会再次使用所需值呈现并显示甜甜圈。我正在使用 redux 商店，一切都在使用代码和操作。编码：

我正在使用 react-chartjs-2 版本 2.7.6。在折线图中，如果我保持 y 轴图形线是有限的。

我想删除 y 轴，但是当我删除 y 轴时，图形线高于起点。

我在反应应用程序中使用 ChartJS (v2)。我正在尝试创建图表的页面报告，并且发现它们加载/渲染速度很慢。

演示： https ://mfahelper.netlify.app/charts 如果单击“图表报告”，它将加载下面的各种图表。

我试过用悬念边界包围图表，但似乎没有任何效果。此外，如果我对过滤器进行更改，页面需要很长时间才能重新呈现。

当我有一个单一图表（如“交互式”图表）时，加载/渲染速度要快得多，所以我怀疑最好的解决方案是让我的每个 REPORTS 图表按顺序加载。我只是不确定现在该怎么做。

我的代码目前看起来像这样（为了简单起见，我删除了一些代码）：

谁能建议我需要介绍什么来处理单击“图表报告”按钮后页面冻结的几秒钟？

我有带有“react-chartjs-2”的条形图，我应该将我的字体系列放在xAxes中的图表标签的位置：这种方式：（无效）

这种方式不起作用：

有没有人知道这个？？？

我有一个带有chart.js的折线图，其中一条线必须填充用另一条线分隔的背景。它工作得很好，但是当背景被填充时我怎么能看到图表轴呢？

这是我目前拥有的一个示例：codeSandBox

我正在使用 react-chartjs-2 构建折线图，并且我在 options 道具中指定的选项都不起作用。

这是我的代码：

我注意到只有动画选项有效，而其他选项无效。就像我不想在图表中显示图例一样，但即使将其设置为 false，它仍然会显示。