问题标签 [react-chartjs]

我不能使用 npm 来管理库，所以我正在探索直接在浏览器中使用它的可能性。

https://www.npmjs.com/package/react-chartjs-2

是否有任何文档指定如何实现以及如何使用它。

我对 reactjs 库完全陌生。我发现这个库非常有趣，并希望在我的图表分析项目（这是基于 Java 的 spring 项目）中实现。基本上我想以常规方式实现它，不想安装 npm 或任何包管理器。我有两个文件：

文件：index.html

文件：chart.js

我认为，它应该可以工作，但我收到错误： 未捕获的 ReferenceError：未定义行

注意：我不想使用 npm 管理器。因此，使用npm或使用 javascript require或import的答案不适用于我的要求。

我有以下使用 Chart.js v2 的雷达图。

我的配置：

这里的问题是“通信”标签在标签和数字 100 之间有 0 填充。如何配置此填充和/或解决此问题？

使用chartjs 2类型 RADAR，如何移除网格线和网格线标签以使雷达图更类似于下面看到的所需雷达图？

当前的：

期望：

我已经使用以下文档的帮助实现了一个反应图表

http://www.chartjs.org/docs/latest/charts/line.html

我已经成功实现了它，但是这个文档没有显示如何设置 y 轴的最大值。我想将最大 y 轴设置为 100。但是因为我的数据集没有超过 19 的任何值，所以最大 y 轴设置为 20。

即使我的数据不超过 19，我如何设置 100 的最大 y 轴值？

我的代码

我调用了该update()函数，但它不起作用。

TypeError：line.update 不是函数。

为什么update()不是函数？

我在http://jsfiddle.net/zpnx8ppb/26/上看到了这个例子，更新功能确实有效

这是我的代码：

我正在使用 react-chartjs2 和 chart.js 来显示我正在构建的 Web 应用程序的数据集。用户可以选择查看不同项目的图表数量。每个项目都有自己的图表，但数据集的字段/标签对于每个项目都是相同的。在这种情况下，我希望用户能够使用一个图例隐藏不同图表的线条。我不想为生成的每个图表显示一个图例，只需在顶部显示一个。

我对如何做到这一点有一个大致的想法。问题是每个图表都是它自己的 React 组件。我正在尝试访问其中一个组件中的所有其他图表，并遍历图表的每个实例并以这种方式修改数据。关于如何做到这一点的任何想法？

我对 react.js 很陌生。如果问题太愚蠢，请原谅我，我想建立一个折线图。我决定继续使用 react.js、chart.js 和 react-chartjs.min.js。

我在我的 cshtml 中包含了 react-chartjs.min 的脚本，我还在其中添加了 jsx 文件。

现在我面临一个错误，我不知道我哪里出错了。

1. demo.jsx 给出 - Uncaught ReferenceError: require is not defined

   索引.cshtml

演示.jsx

var LineChart = require("react-chartjs").Line;

webpack.config.js

有谁知道怎么用react-chartjs？

我已经导入模块和依赖模块

但还是得到

“未捕获的 ReferenceError：未定义行”

这是我的html文件示例代码

我发现最多的例子是用来another .js file导入它

这是使用 react-chartjs 的唯一方法吗？

我最近使用 react-chartjs-2 ( https://github.com/jerairrest/react-chartjs-2 )实现了图表显示

我想启用缩放和平移功能，以便在基于触摸的屏幕中更加用户友好。为了实现这个功能，我安装了react-hammerjs和chartjs-plugin-zoom。

我注册了插件

渲染方法如下：

平移和缩放选项：

我想这是正确的实现方法。不幸的是，上述实现没有奏效。如果你们中的一些人已经使用react-chartjs-2插件实现了缩放和平移，我将非常感激，如果你是如何实现这些功能的，请分享。或者您可以在我上面的代码中指出问题所在。