我正在使用 Chart.js v3,下面是代码,但它没有隐藏。 目标是当我 hover 越过一行时,它会隐藏其他行及其标签。 代码如下: ...
我正在使用 Chart.js v3,下面是代码,但它没有隐藏。 目标是当我 hover 越过一行时,它会隐藏其他行及其标签。 代码如下: ...
我正在使用 Chart.js 库的 v 3.8,下面是代码: HTML 现在它显示如下: 理想情况下,我看起来像这样: ...
如何调整 Chart.js 条形图的 2 个特定列之间的宽度? 我想远离某些 2 列。 ...
我们最近将我们的 Chart.JS 库从 v2 升级到 v3,部分原因是为了在我们的 TypeScript 代码中使用新的集成类型注释,但是我们遇到了一些问题,我们被迫使用显式“任何”类型转换以使代码工作。 有没有办法解决? 示例:将 ChartDataset 设置为显示为虚线: 按预期工作,但如 ...
我有一个图表显示在 canvas 中,我想从 Vue 3 观察者中销毁并重绘它。 观察者工作并且在更改时触发的 function 工作到重绘步骤。 当它到达重绘步骤时,我得到: TypeError: Argument 1 ('element') to Window.getComputedStyle ...
我需要使用时间格式制作条形图,我以这个为基础开始,但库版本旧,我需要使用新的但它不起作用,有人可以帮助我吗? 值必须以小时:分钟:秒为单位。 这是目前为止的代码 这里是目前为止的代码 这里是目前为止的代码 这里是目前为止的代码 这里是目前为止的代码 这就是我要的 ...
赏金将在 7 天后到期。 此问题的答案有资格获得+50声望赏金。 Bharth正在从有信誉的来源寻找答案。 ...
我想在特定值处绘制水平参考线。 数据格式如下: 这是我目前想到的。 我不确定如何使用 refLines 属性。 任何帮助表示赞赏。 ...
当相应的图例键悬停在上方时,我试图显示带有图形数据(标签和 y 值)的工具提示。 我只能找到适用于旧版本 Chart.js 的解决方案,我正在使用3.8.0 。 ...
所以,我有一些使用非常旧的 Chart.js 版本 2.x 的旧图表代码,但现在由于需要一些仅在版本 3.x 上才能找到的功能,我正在从网站上的旧图表中更新大量代码因为很多语法在版本之间发生了变化。 我刚刚完成了所有图表的更新,它们使用插件等工作得很好,除了一个。 在这种type: 'bar'图 ...
我有以下图表: 如何确保蓝线未填充,但同时保持在已填充的红线之上? 以文档中的折线图示例为例,我尝试过使用drawTime属性,但如您所见,蓝线在红线的前景上,但它已被填充(我希望蓝线在前景,但未填充)。 这是我到目前为止所拥有的: 数据: const data = { labels ...
我使用 Chart.js 显示饼图及其图例。 当用户单击图例标签以禁用\隐藏它时,我想重新计算饼图中剩余的所有可见部分的总和。 我已经覆盖了默认的 Legend Click Handler 并尝试在其中执行此操作 - 我不确定这是否是这样做的地方,但这样做似乎合乎逻辑。 ...
我使用 Chart.js 制作了一个水平条形图。在默认设置中,所有图例都像这样一起显示 他们之间没有差距。 我想像这样显示与每个条对齐的每个图例 我尝试了很多解决方案,但没有一个有效。 是否可以显示与 chart.js 中的每个条形图右对齐和居中对齐的图例? 我正在使用 Chart.js (v.3. ...
Invision 图片链接在这里我正在使用 Angular 13 和 chart.js 3.7.1。 我想让 x 轴标签移动到条形图旁边和图表内,而不是显示在图表外。 ...
我正在使用 chart.js 到 plot 的数据集,它是两个变量的比率,范围从 10 到 -10。 但大多数时候它都在 y=1 附近摆动。 我正在尝试在 chart.js3 的帮助下 plot 填充此数据集的行 plot。 当填充方向低于 1(即 y<1)而不是默认 y=0 时,如何更改填 ...
我有一个折线图。 数据介于 -10 和 10 之间。y 轴上的标签是正确的(-10 到 10 递增 1)。 我需要每个 label 的颜色都不同,基于 colors 的数组。标签的数量和 colors 的数量都是 21(-10 到 10,包括 0)。 我真的很喜欢渐变的“条带”,以便每个 labe ...
数据将始终是 -10 到 10 之间的整数,包括 0,因此 y 轴上最多可以有 21 个“间隔”。 无论数据如何,我都需要 y 轴以 1 为增量显示从 -10 到 10(包括 0)。因此无论数据如何,我在 y 轴上总共需要 21(刻度?)。 根据文档,我试过这个:我也试过没有 steps 参数: ...
我想知道是否有一个选项可以使数据点显示如下: 如果是,xAxis 的选项名称是什么? ...
我正在使用 chart.js 和 vue.js。我有一个折线图,我想添加数据(稍后由 SSE 自动添加)。 我修改了另一个示例,但错误仍然存在。 它在调用 this.moonData.push(或 this.testData.datasets[0].data.push)时“崩溃”。 它必须与 moo ...
我有三个并排的甜甜圈图,如下所示: 问题是,图表之间的项目数量不同,导致图例具有不同的高度,进而图表不对齐。 是否可以将图表与容器顶部对齐? ...