问题标签 [chartjs-plugin-annotation]

我尝试定位 2 条垂直线，它们是某些测试结果列表的阈值。我的问题是，当我尝试获取不属于结果的值时，未显示线条。使用以下代码，我看到了这些行。

但是如果我将注释的部分更改为此（注释的值不在数据和标签值内），它不起作用：

我想弄清楚如何在 ChartJS 的插件中获取标题我在配置中有标题，如下所示：

我只是好奇我是否想做一些 afterDraw 工作，我如何抓住它并改变它？我想稍后在事件序列中进行一些操作。

我正在使用 Chart.Js 和 chartjs-plugin-annotation 来显示多个折线图和注释，以将图表区域分成七个不同颜色的区域。

现在我正在尝试从两个盒子开始。

X 轴 - 以 HH:m 格式显示时间。Y 轴 - 显示四个系列的值。

我面临的问题是我只看到第二个盒子，而不是第一个。

第二个框也占据了整个图表区域。

这是我面临的问题的 JSFiddle - https://jsfiddle.net/marathepa/16th0x3d/14/

我使用以下代码进行注释 -

如果我给出注释 - yScaleID - 它不会显示任何框。

Val1、Val2、Val5 和 Val6 使用与标签相同的时间格式格式（x 轴）

当我将 Val1、Val2、Val5 和 Val6 硬编码为特定值时，我只看到第二个框。

问题似乎是 - 标签的日期值。标签是日期值，我需要在注释上使用 xMin: Val1,xMax: Val2 和 Val5 和 Val6 上的子集。

解释问题的链接 -

https://github.com/chartjs/chartjs-plugin-annotation/issues/438#event-4976403966

https://github.com/chartjs/chartjs-plugin-annotation/discussions/439#discussioncomment-966664

我想显示带有注释的折线图（从 x 轴开始的线到图上悬停的值），如图所示： 注释折线图示例

我已遵循本教程：https ://www.youtube.com/watch?v=pHx4SzlsAbk&ab_channel=SeanKelly ，我的图表选项如下：

结果： 结果图像

在尝试了很多解决方案之后，我认为 react-chartjs-2 版本 3 的插件存在问题。我还在我的 App.js 中注册了这样的插件（起点）：

另外，我使用的 typescript (tsx) 文件不是起始文件 App.js。

版本：

有没有其他解决方案或我做错了什么？

我需要在我的图表中显示一条固定线（如图像中的“测试标签”）：

所以我在我的 Angular 11 项目中添加了 chartjs-plugin-annotation，所以我有这些版本：

然后我添加了我的选项：

但是没有显示任何线条......所以我发现我必须注册这个，但它不起作用

我有：

这是因为：

它是chartjs-plugin-annotation 错误吗？我需要更改一些依赖项？

即使配置正确，框注释也不会呈现

chartjs 版本：3.6.0

chartjs-plugin-annotation 版本：1.0.2

该插件是这样注册的：

我将插件用作添加到图形配置中的常量：

我将图形渲染为 base64 字符串，以便可以将其转换为静态图像。绘制了数据，但没有绘制方框。两周前它还在工作，现在不行了。

有什么方法可以在鼠标悬停 chartJS 注释上显示自定义标签，就像在 ChartJS 上显示的那样？例如，当您创建点线图并悬停其中一个点时，它会显示该点的标签。我想要类似的东西，但在注释上。

我无法在 Chartjs 中配置插件 chartjs-plugin-annotation。

从文档中，我安装了 V 0.5.7，因为我使用的是 Chart.js V 2.9.4。

这是我的配置：

注册插件：

这里是选项配置（简化），我也尝试在“插件”中包装“注释”，但它不起作用：

我究竟做错了什么？