问题标签 [react-chartjs-2]

在使用 react-chartjs-2 显示每日工作时间时BarChart，我必须处理以正确格式显示持续时间。

上图代表一周的每日工作时间。yAxes 值是以秒计算的每日工作时间。以此类推2021-03-07，总跟踪时间为14767秒04 hrs 06 mins 07 sec。

因此14747，我想将其显示为 ，而不是04 hrs 06 mins 07 sec。

以及工具提示应显示为total working time: 04 hrs 06 mins 07 secs或04:06:07

目前，我正在使用react-chartjs-2来显示图表。

如何以时间格式显示总秒数HH:MM:SS？

我正在使用 chart.js 2.9.3。 我onClick在选项中使用了处理程序并getElementAtEvent实现了我想要的，但是我得到了项目空数组，并且事件没有关于被点击区域的信息。单击每个点都可以正常工作，但单击整行区域并没有给我太多信息。

这是我图表的代码片段。

我正在尝试使用 Chart.js v2 在折线图顶部绘制点，但无论我指定的值如何，这些点始终绘制在图的左侧： 示例

我尝试了不同的方法来实现这一点，但没有成功。这是我到目前为止的代码：

这个组件是这样调用的：

提前致谢。

我正在chartjs中构建一个折线图，类似于这个

这是我所取得的成就：

如何使 y 轴上的零与 x 轴上的标签处于同一水平。

我已经尝试了 chartjs 文档中的几乎所有内容，但似乎没有任何效果

代码笔链接

这是我的配置对象：

我是新手，也刚刚发现react-chartjs-2绘图 npm 包。所以我在我的反应项目中实现了这个。现在我需要将网格线和轴颜色更改为白色。所以我也两次尝试了这行两行代码。但它没有奏效。

我怎样才能做到这一点？

提前致谢。

我在chartJs中有xValues，编号为[1,2....，120]和两个相同长度的数据集

每个数据集代表每个月的值1,2..120

我希望线图绘制所有值，但每年只显示 x 刻度并将它们标记为“第 1 年”、“第 2 年”...“第 10 年”

我怎样才能做到这一点？

我想制作一个图表，其中包含最小和最大垂直线和条形图。我找不到如何设置条形的 X 坐标或使用垂直“条形”而不是点制作自定义线图的信息。而且我不明白如何缩放 X 轴，为什么 MAX 是左侧 MIN？最小值=22.5，最大值=24.5

这就是我所期望的：

父.js

Child.js

动画在初始绘制期间工作正常，但一旦画布被渲染（线条），单击按钮时动画不再起作用。除了动画，一切看起来都很好。但是，如果我将数据从父组件移动到子组件并使用它而不是道具，那么动画效果很好。像下面的东西。

Child.js

我相信我失踪或不太了解，因此将不胜感激。谢谢！

我使用 react-chartjs-2 创建条形图。我的数据如下：

我将把它作为一个属性传递给我的组件，我将返回一个条形图，如下所示

但我有以下结果

我不知道为什么它在图表中间出现“未定义”。你有什么主意吗？

我已经在 Chart js 中创建了一个设计来响应，但现在我想在它的每个托盘上输入一些图标。那么，有人可以帮帮我吗？请在此处查看图片https://drive.google.com/file/d/1NsS6ARTrhITQQWQRk0e55vIgBkO00CqP/view?usp=sharing

左边的图片描述了我到目前为止所做的，右边的描述了我想要的。谢谢你