问题标签 [react-chartjs-2]

我找不到任何关于如何从默认值更改 y 轴值的文档。插入图表的数据可以具有 0-150 之间的任何值。但是，y 轴从 84 开始，到 98 结束。这是它的 npm 页面的链接。 https://www.npmjs.com/package/react-chartjs-2

下面的代码，

有没有办法通过滚动的 20 分钟视图获得“实时”？在启用此功能的选项中似乎找不到任何东西。

ChartJS 版本 2.9.4

我阅读了 chart.js 插件的文档以及关于不同阶段的信息，例如当图表出现在浏览器上时出现的不同阶段，例如渲染、初始化、更新。

但是我还不清楚这些不同的阶段和钩子是如何工作的。以及在更改图表时使用哪个钩子。

我尝试像在文档中一样设置高度和宽度，但它占据了整个屏幕。我试过在 CSS 中给它一个大小；没用，我还在“maintainAspectRatio”设置之间切换，其中 true 和 false 对图表没有影响。

下面是条形图组件代码：

条形图位于类组件返回语句的最后一个 div 中，因此该 div 上没有样式或 CSS 显示设置。任何帮助，将不胜感激

我无法使用圆环图选项中的 about 代码查看中心文本。有谁知道为什么？

先感谢您

我正在使用基于 chart.js 2 构建的 react-chartjs-2。Chartjs 已经推出了具有重大变化的版本 3，但 react-chartjs 尚未为 chartjs-3 开发包装器。

我想跳过分组条形图中的空值，否则会留下空格。在 chartjs-3 中添加了一个选项以跳过空值，但在 chartjs-2 中没有。使用 chartjs-2 时，该图如下所示，空值有间隙。

所以我正在使用这个提交更改#7849并对 chartjs-2.9.2 进行相同的更改。条形宽度已增加以填充空值区域，但它向右移动并重叠，如下所示。为什么它会这样？任何帮助，将不胜感激。

修改了 contoller.bar.js 代码如下

我正在尝试使用 创建一个简单的折线图react-chartjs-2，当我尝试设置 x 轴和 y 轴的最小/最大值时，这些值不会采用。

我已经尝试了以下所有方法options，但它们都没有强制执行我指定的最小值和最大值：

第一次尝试：

第二次尝试：

第三次尝试：

但这些似乎都不起作用。我做错了什么/错过了什么？谢谢你。

附带说明一下，我发现 Chart.js 文档非常混乱，而且很难在网上找到有效的示例，尤其是因为 Chart.js 的 v1 和 v2 似乎根本不同。

所以项目的要求是：

但是我无法随着一天中的小时数变化而移动该点，也无法剥离 gridLines 使其显示在负 y 轴上，如上图所示。这是我能够做到的：

我想知道如何根据一天的进度在此图表上移动点（在这种情况下为太阳图标）。这是我所做的代码：

我正在使用chartjs 2.9.3. 我想为条形图的 x 轴设置线性比例。它应该像表示负值、十进制值、正值的线图的任何线性比例一样工作。

我已经成功地使用这个选项在这里创建了几乎相似的规模。

但它不适用于十进制值，当数据集具有负值时x，它只是四舍五入为整数并将条形图放置在该位置。

如何也可以表示十进制值？

Chartjs >=3.0.0为条形图引入了线性比例。但是这个版本还有一些其他的错误，所以我坚持使用 2.9.3 版本

我有这个简单的折线图，我试图将网格线从默认的灰色更改，但是选项对象似乎有选择地工作。也许我错过了一些基本的东西，但我已经摆弄了几个小时并且无法让它工作，感谢任何帮助！我正在使用“react-chartjs-2”。

下面是我传递数据和选项的 render() 方法。