问题标签 [react-chartjs]

我正在为使用 ChartJS v2 的反应组件编写一些开玩笑的快照测试。我对Customer组件的测试如下所示

当我开玩笑地运行它时，我得到了这个

似乎 ChartJS 期望定义一个不可用的窗口对象，因为它没有在浏览器中运行。有没有办法让快照测试与 ChartJS 一起工作？

反应图表 2 https://github.com/gor181/react-chartjs-2

在下面引用

图表 JS http://www.chartjs.org/docs/#getting-started

react-chartjs-2 中的文档引用了 chart.js 文档，它们都是错误的。我不知道如何在反应中配置图表，特别是选项。有人知道吗？

我想使用来自 chart.js 2 库的圆环图自定义我的工具提示。默认情况下，我的案例的工具提示是这样的：

我想要的工具提示是这样的：

其中 EURO 是 SL。如何在数据集中添加百分比？我创建了一个包含值和百分比的数组，但是当我将它添加到我的数据集时，我的饼图是空的，这是合理的。这是我的代码：

关于如何实现这一点的任何想法？我知道我必须创建一个 customTooltip，但从文档和我在 javascript 方面的经验来看，还不清楚。有任何想法吗？

编辑：下面的答案得到了部分回答，但它帮助我找到了最终的解决方案。Fiddle 已经更新为我想要的。

这是我正在处理的雷达图：https ://jsfiddle.net/bigtrouble77/02p81jhr/4/

我很难找到有关如何配置此图表以执行以下操作的任何信息：

• 增加文本的字体大小
• 更改“web”行的颜色
• 删除难看的垂直框
• 将刻度更改为 1-20，这样 20 始终是图表中的最高级别，而不是数据集中的最高数字。

我无法在文档中找到有关如何执行此操作的任何信息。我使用旧版本的 Chart.js 取得了一些成功，但 api 似乎发生了重大变化，因此这些都不适用于最新版本的 Chart.js。任何帮助将不胜感激。

我制作了一个 React.JS 组件，它使用库react-chartjs周围的包装器绘制图表chart.js。我在更新时遇到错误，好像我的数据已损坏。我在想可能是上下文有问题，也许是因为我没有看到我的代码有任何问题。第一次绘制图表时，它显示得很好。setState原因：Uncaught Type Error: Cannot read property 'points' of undefined(...)发生在core.js匿名函数内部set.data.forEach()。下面是我的代码：

我打印了较小的数据集，同样的事情发生了。除了随机生成的值之外，看不到任何差异。尽管如此，初始渲染还不错，但是setState我理解调用update会导致上述错误。

我目前在我的项目中使用 chart.js，我不得不说这是一个了不起的库。然而，我最近意识到我还需要一个在他们的网站上找不到的“树形图”。有没有人设法使用 chart.js 实现树图示例？

我正在使用 react-chartjs-2 自定义三个甜甜圈饼图。该库具有许多功能，令人惊叹，但我在这里遇到了问题。我不知道如何处理零值。当我所有的值都为零时，不会绘制正确的饼图。关于如何处理零值的任何想法？这是我绘制甜甜圈饼图的代码：

我必须使用 react-chartjs-2 创建堆积条形图。

Bar中的堆叠似乎不起作用。

我正在使用 chartjs@2.4.0

这就是我设置数据的方式：

但是第一个元素设置轴的开始：

但我希望它从零开始

添加以下内容无济于事：

我在文档上找不到其他设置。

我正在使用这个顺便说一句：https ://www.npmjs.com/package/react-chartjs-2

我正在尝试在我的react app中实现折线图。我在搜索图表时发现了这个。

https://github.com/reactjs/react-chartjs

我已经使用了这段代码，但不清楚如何使用chartData和chartOptions

我如何声明chartDataandchartOptions才能让我的 Linechart 工作？