问题标签 [chart.jsv3]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 光标指针更改悬停在chartjsv3中不起作用
当我们将鼠标悬停在使用 chartjs(v3) 库创建的条形图上时,我试图将光标更改为指针。但我无法使用以下代码来做到这一点:
我该如何解决这个问题?
javascript - Chart.JS 工具提示回调标签和标题 (v3.5)
(请注意: v2有很多答案,这是v3的)
我正在尝试设置工具提示label
和title
甜甜圈图。
代码:
现在label
工作,并显示数据的值,但title
返回空白,而不是返回数据的标签(“正”或“其他”)。
如何在 中返回正确的标题tooltip.callback
?
示例:“正面 35%”和“其他 65%”
chart.js - ChartJs:有没有办法控制多行轴标签的每行字体选项
我愿意学习已经有一种方法(通过配置或开发插件)来挂钩轴标签的渲染,这样我就可以控制用于渲染多行标签每一行的字体的各个方面(例如,我需要渲染的内容在视觉上类似于其下方的标签和子标签,主标签为粗体且字体较大,而直接位于其下方的子标签将是正常字体粗细且较小尺寸)。
我正在使用 ChartJs 3.5.1 版来呈现水平条形图(这意味着左侧的数据集标签实际上是在 y 轴下配置的),并且已经尝试了一些不同的东西:
- 挂钩滴答回调 - 但我什至不能使用这个函数来复制默认功能(进入该函数的值不是标签文本;而是数据行的索引/序号?)。即使我可以按照示例中所示的那样工作,对于标签的内容来说,这似乎比任何配置选项本身更重要。
- 将字体配置设置为
ticks
数组 - 但这仅允许我更改数据行之间的字体(例如,我可以将水平条形图中第一行的标签设置为 22,第二个标签设置为 10,等-但不更改给定标签行内的字体属性) - 使用插件
afterDraw
来尝试调整事物 - 但同样,此时的配置似乎只将所有行视为一个标签。 - 尝试查看项目过去的 PR(主要集中在添加多行标签支持,以及特定于该区域的错误修复)以获得任何额外的见解
如果目前没有办法(通过插件或现有配置),是否有人对从哪里开始攻击这种变化作为新 PR 有很好的感觉?
更新 作为对我相应的ChartJs 功能请求的响应以及下面接受的答案,自定义插件似乎是目前完成我现在想要的唯一方法。
以下是我的配置中的关键位(诚然,“一次性使用”比接受的答案要多得多,因为鉴于我相对狭窄的用例,我将插件内部的一些配置作为硬编码值移动):
javascript - chart.js 在从第一行末尾开始的折线图中添加第二行
我使用的是chart.js,我有一个折线图。我想添加第二行/数据集,从第一行结束的地方开始。
我见过人们通过null
在这样的data
内部添加属性来做到这datasets
一点:
有没有不同的方法来实现这一目标?
chart.js - Chartjs v3 与组重叠堆积条形图
我想用使用 chart.js v3 的组创建堆积条形图。我
我做到了,我得到了以下图像。但是在这里,不是标签1和标签2的总和显示为7000,而是如何从x轴开始将标签1和标签2的交集一起显示为4000。