问题标签 [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.

0 投票
1 回答
37 浏览

javascript - chart.js API 返回错误的 x 和 y 点

我通过chart.js API调用我的bubbleChart并尝试访问点的x,y值但我得到了这个非常奇怪的行为

在此处输入图像描述

当我访问 object.x 或 object.y 时,即使在控制台中,我也会得到每个点的 350.017 和 537.199,它显示 x,y 的值正确。到底是怎么回事?

当然我也试过这个,但同样的结果

这是显示奇怪行为的小提琴 console.log 总是为不同的端点显示相同的数据,但是如果你输入控制台 bubbleChart._metaset 它会显示正确的 x,y 值

https://jsfiddle.net/vxb792pe/

0 投票
1 回答
22 浏览

javascript - chart.js 从混合图表中删除较低的网格

我有一个混合图表(散点图和折线图),因此我需要 2 个 xAxis。

图表底部出现了一个额外的网格,因为这是另一个 x 轴通常有标签的地方(我删除了它们,因为我不需要它们)

我试图摆脱那个额外的网格,但我找不到如何去做。我试图将刻度颜色指定为白色,但网格仍然存在。

看图像,它是底部那个单独的额外网格(标有水平括号):

在此处输入图像描述

这是我的代码:

Chart.js 版本为 3.6.2

任何帮助/解决方法将不胜感激。问候!!

忘了提我说的轴是 'x' (xAxisID: 'x')

0 投票
1 回答
13 浏览

chart.js - 我怎样才能得到一点被淹死?

我有一个 2 线图,一个没有任何点(0 大小)绘制,另一个只有 2 个点(没有线)。我想让这些点越过这条线,而不是相反(这条线实际上越过了我想要的点)。您可以在此图像上看到结果:在此处输入图像描述

这是我的代码:

非常感谢

0 投票
1 回答
40 浏览

javascript - 在 chart.js 外部工具提示中操作数据点

我正在使用 Chart.js 在饼图中显示一些财务数据以及外部工具提示。当前工具提示中的数据显示如下:

“发票:1,202.5”

我想要的是首先将数字四舍五入为 1,200,然后在数据点之前添加一个“£”符号,使其显示为:

“发票:1,200 英镑”

我正在努力解决如何在下面的代码中执行此操作。任何人都可以帮忙吗?

FTR - 我从 chart.js 复制了上面的代码,使它工作,但我一秒钟都不想理解它!