问题标签 [react-chartjs]

我是 Chart.JS 的新手，我正在尝试在我的项目中使用“Donought”图表，它看起来类似于以下内容：

https://github.com/jerairrest/react-chartjs-2/blob/master/example/src/components/doughnut.js

在此示例中，当您将鼠标悬停在任何数据集上时，您将获得该数据集的相关标签，但是，当您获得该标签并将其悬停在其上时，您能将其展示得有多好是我的问题...

相反，它应该是这样的：

在上面的示例中，当我阅读前面带有正方形的“StaffOf”时，我无法阅读整个标签“健康关系”。

我完全理解“员工”的字母数量较少，而“健康关系”的字母数量更多。

在 ReactJS 或 ChartJS 中有没有一种方法，我们可以证明标签看起来完全像（能够通过使用某种自动换行来完全阅读单词，在这种情况下根本不起作用）而不修改大小donought 使用 CSS 吗？

任何帮助，将不胜感激..

有人可以告诉我我在这里做错了什么，图表呈现但是当我单击该栏时，我在控制台中收到错误：

未捕获的 TypeError：ComboChart.getElementsAtEvent 不是 HTMLCanvasElement.document.getElementById.onclick 中的函数。

我在堆栈上验证了其他几个帖子，但似乎不明白，我对 javascript 还很陌生，请帮助我理解为什么这不起作用。

非常感谢！

我正在尝试从外部加载 JSON 数据并将其传递给数据集和标签。

当我启动服务器时，我看到在开发人员选项中调用了数据，但是，条形图中没有反映出来。

我尝试使用 fetch 函数来调用我的 API，但我不知道如何将其调用到标签（在 chart.js 中代表 X 轴）和数据集（在 chart.js 中代表 Y 轴）。

此外，我不知道如何调用数组数据。我将 chartData 调用到另一个图表文件中，在该文件中我创建了一个具有 bar 的所有属性的图表，并尝试使用 props 将此 chartData 调用到我的条形图数据中。

请纠正我在哪里做错了。下面是我的代码。

我添加了用于在图表中添加自定义多条垂直线的注释，如果我静态添加它可以正常工作我的静态代码：

这段代码在我的图表 js 中运行良好我想以动态方式更改代码，以便我像这样修改代码。

但这没有在我的图表中显示线条，任何人都可以告诉我我的代码有什么问题。注意：这个图表是在 react js 中实现的，我react-chartjs-2只使用这个 npm 来显示图表，我的版本也是最新的。

我使用带有 React 的 Chartjs 2 成功地绘制了一堆数据点，并带有一个类别 Y 轴，但想用它们的类别标签来标记它们。他们目前将“未定义”显示为工具提示值：

这是我现在所拥有的（不工作）：

使用选项和 scaleLabel 也不起作用：

我正在使用反应图表 js。i我在我的页面中添加了条形图，我的图表数据是：

然后我尝试将这些数据动态更改，但它无法正常工作。动态数据为：

如何解决这个问题？

当点本身的值为0时，我想隐藏或更改点的颜色。

以前的 ChartJS 版本，您可以通过以下代码访问这些点元素：

示例：http: //jsfiddle.net/3tok57dL/

我正在使用 chart.js 2.7.0 和 react-chartjs-2 2.6.2，但我找不到如何访问这些元素。

谢谢。

我在我的图表中使用我正在使用我用来绘制线条的示例代码react-chart js绘制一条多垂直线annotation

我需要在图表底部显示我的标签文本，我的意思是在图表之外，现在让我进入图表内部。

我是反应原生的新手。我需要在我的应用程序中放置图表（条形图、多线形图、多条形图）。什么是最好的库，我想要带有弯曲边缘的条形图而不是常规样式。提前致谢。

我正在创建一个仪表板应用程序，它从端点获取数据并使用 setState 方法将端点返回的 JSON 中的变量分配给状态变量。当我对状态进行更改时，某些组件（例如“react-svg-gauge”）会更新，但“react-chartjs-2”不会更新。

下面的代码是我的状态在我的实际应用程序中如何变化的示例。此示例将在 chrome 开发者控制台中显示状态变量的正确值，但不会相应地更新 DOM。

我是否正确使用了生命周期方法？此代码将更新饼图的值、状态变量，但不会正确渲染 DOM。