问题标签 [react-chartjs-2]

我环顾四周，但似乎找不到任何一起使用这两个库的示例。我的项目目前使用 react-pdf 生成 pdf 报告，但我需要将 chartjs 图表添加到我们将生成的一些新文件中。我宁愿不必使用两个不同的 pdf 库，也不必重新编码应用程序的某些部分以匹配 2 个标准。如果有一个不同的图书馆可以完成这项工作，我会接受建议。

我要转换的页面结构如下：

在图表组件中，有几种不同类型的图表，下面是一个示例：

这只是来自 react-chartjs-2 库的 barCharts。我似乎无法弄清楚如何使用 react-pdf 库将这些转换为 PDF。是否有一个图书馆可以更好地完成这项任务？

我能想到的唯一解决方案是使用 refs 来获取每个图表的画布元素，然后使用 jsPdf 将它们转换为 imgs 以嵌入到文档中......

我想为两侧的双水平条制作侧面标签，如下所示：图 1，图 2

有人可以帮我看看怎么做吗，我是 react 和 chartjs 的新手

本帖续自：如何制作多个水平条形图js

这是我的代码：

• 这是数据：

图表数据

• 这是图表：

多个 y 水平条

我的反应应用程序中有一个条形图，我想为每列添加不同的限制线。有人知道如何配置它吗？（对于chartJS < 2.9.0）以下是我正在尝试做的一个示例：

我想chartjs-chart-financial用来绘制一个“烛台”图表。但是，chartjs-chart-financial尚未发布到 npm。我在包含来自https://github.com/chartjs/chartjs-chart-financial的克隆存储库的目录中npm install运行an 。构建后，我在文件夹中看到了 chartjs-chart-financial.js 。但是，我不知道如何让它与基础库集成，以便我可以在我的图表上指定 a。我还没有遇到任何可以证明这一点的例子..gulp builddistchart.jstype: candlestick

自从我在 React 中工作以来，我目前正在使用react-chartjs-2它作为包装器：chart.js

如您所见，我现在正在渲染一个带有类型的示例图表bar。我希望能够改用“烛台”类型及其相关数据集。

我将不胜感激任何帮助！

我使用带有注释插件的 react-chartjs-2 创建了一个图表。该文档简单地指出：

这是否意味着我可以将数组中的每个值放在单独的行中？当我使用它时，所有值都打印为一个逗号分隔的行。

我的代码：

我的注释设置为：

我使用以下方法初始化条形图：

呈现：

问题：

我无法让框注释填充正确的空间，它只是填充了所有空间。我已经为两个轴上的最小值/最大值尝试了不同的值，但这没有区别。

您会看到我必须以一种奇怪的方式设置drawTime和类型，否则如果我正常设置它们，我会收到以下类型错误：

属性“类型”的类型不兼容。类型 'string' 不能分配给类型 '"box"'。Overload 2 of 2, '(props: LinearComponentProps, context?: any): Bar'，给出了以下错误。

我不确定我做错了什么，或者为什么它会抛出类型错误。

我在用：

我正在使用 react-chart.js-2 chart.js 在 react js 中实现一个圆环图，但是我想根据我的要求对其进行自定义，我已经进行了一些自定义，但是我需要做的是，图表的宽度很薄。

当前图像

在此处输入图像描述

所需图片

在此处输入图像描述

我正在使用 chart.js 及其反应包装器创建一个圆环图。它在新项目中运行良好，但无法在主项目中安装。

下面是一个运行良好的新项目示例。

下面是主要旧项目的示例，我无法安装它

错误：

引擎“节点”与此模块不兼容

节点版本相同，您可以在两个图像中签入。

我正在尝试使用 Onclick 按钮将我的 chart.js 图表下载为 png，但我不知道我将如何实现这一点，我已经完成了这个答案React-chartjs-2 Donut chart export to png但是这对我来说还不是很清楚，因为我是 chart.js 的新手，不知道如何将这些变量与我的按钮连接起来。

我无法在 react-chart-js3 中将标签的位置更改为底部。它现在显示在图表的顶部。