问题标签 [react-chartjs]

我在我的应用程序中使用 react-chart 来渲染折线图。折线图未显示。它在 id 为“main1”的 div 标签内创建了一个画布。

lchart.js 文件：

index.html 文件：

我正在创建一个Line chartin react-chartjs，因为我正在定期从 API 获取数据，并且在成功时我正在调度一个更新reducer-state. 我的 redux 存储中有一个初始数据

在这家商店中，我试图将数据附加到labelanddata标签。但我不知道如何，我正在尝试如下但它不起作用

任何帮助表示赞赏

我正在使用 react-chartjs 库在 React.js 中创建条形图。我能够显示条形图，但由于我的数据很大，并且每 10 秒收集一次。条形图显示类似

我的数据集看起来像

我正在库 immutability-helpers 的帮助下更新数据

我把图表的渲染称为

我正在使用"react-chartjs": "^0.8.0"，并且"chart.js": "^1.1.1"我无法2.0在 chart.js 中更新，因为我看到了一种叫做showXlabels存在的东西，因为它react-chartjs支持当前版本。

谢谢你的帮助。

我想制作一个实时图表，并希望我的窗口始终具有固定大小。即我总是想在我的图表中显示 5 分钟的数据。当我在图表上显示 5 分钟的数据时，它应该开始删除旧数据并只显示最新数据，而且我的图表 x 轴上的标签也不应该增加。在小提琴上，您可以看到，只要新数据到来，x 轴上的标签数量就会增加。

如何确保该图表始终仅显示最近 5 分钟的数据？

http://jsfiddle.net/uLUAT/597/

我将 react-chartjs 图表的数据和选项配置为

我在我的代码中使用它

这就是我导入库的方式

令人惊讶的是，数据被绘制到图表上，但选项根本不会影响图表。我无法完全弄清楚问题所在。我的格式是错误的还是我错过了一些非常愚蠢的东西。

任何帮助表示赞赏。

更新

更改import Chart from 'chart.js';为后import Chart from 'chartjs';，会呈现一些直接配置showScale, pointDot, showLines，例如一些数据集选项，但title and legends仍然不显示。

我正在使用 MVC 4.0 和 chart.JS 来生成我的图表。我想为每个值放置 Y 轴的水平线，并通过使用以下属性成功开发它。

但我的实际要求是我想放置不同颜色的水平线。

上面的线改变水平线的颜色，但它适用于所有线。

请指导我。

我正在尝试将 chart.js 条形图与 react 和 es6 一起使用。

当我使用import而不是我的项目时，看起来与 GitHub 上require的文档有点不同。

这是我的项目的一个例子：

这些是我进入控制台的两个错误：

Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method of你好图表.

和 ...

Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. Check the render method of你好图表.

我已经使用 react-chartjs 得到了这段代码。它显示图表，但无论我放什么，选项都会被忽略。您是否应该将选项添加到组件中？

我正在开发一个带有反应的网络项目。
如何从库中仅导入 3 个组件。
我用过：

给出一个错误。

使所有 Line、Bar 和 Donut 元素充当 Donut 元素。

使用

加载整个库，这是我不想要的。

注意：我在多个文件中使用该导入。

我有一个折线图，我试图设置一个固定的最大值和最小值。我已经尝试过在 SO 上找到的其他建议，但它仍然不起作用。我的图表根据传入的数据不断重新设置最大值和最小值。

这是我传递给折线图的当前选项：

我也尝试了这些设置：

知道我做错了什么吗？

谢谢！