问题标签 [react-chartjs]

我正在使用带有 React.js（react-chartjs-2 ）的 Chart.js 制作图片图表。我的数据集存储在全局变量中，我想用它们来制作饼图。

目前，当我使用全局变量中的数据时，数据不会反映在饼图中。我能做什么？

这是我的代码。

我正在制作一个饼图，我正在努力显示每个切片的饼图数据值。由于我的应用程序是用 React.js 编写的，因此我使用 react-chartjs-2。

我为chart.js找到了这个解决方案并尝试实现，但它不适用于react-chartjs-2。

如何在chart.js中显示每个切片的饼图数据值

如何为每个切片增加价值？任何帮助表示赞赏。

这是饼图的当前视图。

根据建议，我实施了chart.piecelabel.js. 它还没有工作..

我的代码

我正在努力寻找使用 react-chartjs-2 制作图表的信息。

我使用 react-chartjs-2 制作了一个条形图。我找不到有关使其成为水平条的相关信息。是否可以使用 react-chartjs-2 制作水平条？

我在条形图旁边还有一个饼图。我使用饼图中的相同数据制作条形图。

任何帮助表示赞赏。

这是我的代码。

我对 react-chartjs-2 中的条形图有疑问。我在我的应用程序中使用 react-chartjs-2 制作了条形图和饼图。

我可以使用一个名为 Chart.PieceLabel.js的插件来显示饼图的值。但我找不到条形图的插件。我想将每个条形图的值显示为与饼图相同。

是否可以对条形图中的每个条形进行赋值？

目前的看法是这样的。在饼图中，显示每个切片的值。

这是我的代码

感谢您的帮助，感谢您花时间阅读我的问题。

我使用 react-chart.js 和 Chart.PieceLabel.js 制作了一个饼图。我可以显示饼图切片的值。由于这个问题Displaying pie chart data value of each slices using react-chartjs-2我可以用 % 显示值

然而，奇怪的是出现了两个值（一个为白色，另一个为黑色）。

如何删除价值之一？我想去掉那个黑色的。

这是图像。

我正在尝试使用 react-chart.js-2 制作条形图。我刚刚注意到所有条形图示例都从数据的最小数量开始，而不是 0。

下面的例子，条形图从40开始，而不是0。我要做的是从0开始制作条形图，而不是数据的最小数量。

是否可以使用 react-chart.js2 制作它？

这是代码（主要来自官方示例的代码）

这是一个演示。

为什么要安装 Cairo 以使用 Canvas/ChartJS？我正在使用 OSX / Mac。我遇到了为 Charts 安装这个项目的问题。我见过一些 stackoverflow 线程，解决方法是安装 Cairo 的系统级库。

https://github.com/jerairrest/react-chartjs-2

我使用 react-chartjs-2 在我的反应应用程序中有以下 Chart.js 雷达图渲染：

如何隐藏灰线和/或将颜色修改为白色？

我正在尝试构建一个类似于图像中的图形

但我找不到正确的方法，我想将线与同一轴上的条连接起来，对于每个条我想定义起始 Y 位置和结束 Y 位置，我尝试这样做使用多轴但它没有用，我尝试的是类似于这个

但是这样一来，就会有两个轴，一个在左边，一个在右边，但是都从同一个位置开始

我在反应应用程序中使用 react-chartjs2。我想删除额外的空间，如下图所示。

这是我的图表配置选项