问题标签 [chart.jsv3]

当我们将鼠标悬停在使用 chartjs(v3) 库创建的条形图上时，我试图将光标更改为指针。但我无法使用以下代码来做到这一点：

我该如何解决这个问题？

（请注意： v2有很多答案，这是v3的）

我正在尝试设置工具提示label和title甜甜圈图。

代码：

现在label工作，并显示数据的值，但title返回空白，而不是返回数据的标签（“正”或“其他”）。

如何在 中返回正确的标题tooltip.callback？

示例：“正面 35%”和“其他 65%”

我愿意学习已经有一种方法（通过配置或开发插件）来挂钩轴标签的渲染，这样我就可以控制用于渲染多行标签每一行的字体的各个方面（例如，我需要渲染的内容在视觉上类似于其下方的标签和子标签，主标签为粗体且字体较大，而直接位于其下方的子标签将是正常字体粗细且较小尺寸）。

我正在使用 ChartJs 3.5.1 版来呈现水平条形图（这意味着左侧的数据集标签实际上是在 y 轴下配置的），并且已经尝试了一些不同的东西：

• 挂钩滴答回调 - 但我什至不能使用这个函数来复制默认功能（进入该函数的值不是标签文本；而是数据行的索引/序号？）。即使我可以按照示例中所示的那样工作，对于标签的内容来说，这似乎比任何配置选项本身更重要。
• 将字体配置设置为ticks数组 - 但这仅允许我更改数据行之间的字体（例如，我可以将水平条形图中第一行的标签设置为 22，第二个标签设置为 10，等-但不更改给定标签行内的字体属性）
• 使用插件afterDraw来尝试调整事物 - 但同样，此时的配置似乎只将所有行视为一个标签。
• 尝试查看项目过去的 PR（主要集中在添加多行标签支持，以及特定于该区域的错误修复）以获得任何额外的见解

如果目前没有办法（通过插件或现有配置），是否有人对从哪里开始攻击这种变化作为新 PR 有很好的感觉？

更新 作为对我相应的ChartJs 功能请求的响应以及下面接受的答案，自定义插件似乎是目前完成我现在想要的唯一方法。

以下是我的配置中的关键位（诚然，“一次性使用”比接受的答案要多得多，因为鉴于我相对狭窄的用例，我将插件内部的一些配置作为硬编码值移动）：

我正在使用 Charts JS，我想在堆积条形图上创建一些自定义标签。我正在尝试重新创建以下图表：

如何创建上面红色圈出的自定义标签？我想用这些标签链接到其他页面。实际上，粗体文本将链接到一个页面，而普通文本将链接到另一个页面。

另外，当没有足够的空间在条上显示它时，如何以使值从条上下降的方式标记每个条？见图表右侧的“4%”或“6%”。

我还想知道如何在每个堆叠条之间放置一个边距。请参阅上图中每个条之间的垂直空白。

对于上述问题的任何帮助将不胜感激。谢谢。

我使用的是chart.js，我有一个折线图。我想添加第二行/数据集，从第一行结束的地方开始。

我见过人们通过null在这样的data内部添加属性来做到这datasets一点：

有没有不同的方法来实现这一目标？

我正在使用堆栈条形图，我希望能够单击下图中 y 轴上以红色显示的供应商/产品。如何将点击事件连接到这些标签以导航到新页面？

我正在使用 Chart.js 版本 3。我需要在堆叠条形图的 y 轴上左对齐标签。如何做到这一点？

我想用使用 chart.js v3 的组创建堆积条形图。我

我的图表输出

我做到了，我得到了以下图像。但是在这里，不是标签1和标签2的总和显示为7000，而是如何从x轴开始将标签1和标签2的交集一起显示为4000。

我有一个关于 x 天/月发送的消息的折线图，我还有两个日期选择器。我希望能够选择开始日期、结束日期，并且图表会读取这些日期并显示这个精确的点范围。我已经在我的 chart.js 文件上配置了缩放和平移，我可以手动完成，但我想知道如何通过我刚才描述的内容来做到这一点。

在这张照片上，我已经有 3 个月的数据了。它总是开始显示 1 个月。

我有一个堆积条形图，当我将鼠标悬停在条形底部附近时，工具提示会显示零值，如下所示：

...我只希望工具提示显示在这样的非零条上：

图表的 JSON 如下所示：

...即“6-10 小时”是一个数据集，数据中有 0，其中没有值（因此它与正确的条对齐）

除工具提示外，图表功能正常。有没有办法从工具提示中删除 0 值？