问题标签 [chart.js3]
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 - 如何在 Chart.js 中使用气泡图修复混合图表的大小?
我正在实现一个图形,它bubble
是bar
使用Chart.js 3.7.0
.
为了防止canvas
调整大小,我将大小值保存在canvas
标签中并修改选项值如下。也就是说,我们希望canvas
具有固定大小。
HTML 标记
选项
但是,如果您修改图表的值y
,大小会发生如下变化。r
bubble
canvas
当bubble
图表中的值为0
, 0
,20
当bubble
图表中的值为0
, 80
,50
这是绘制上述图表的完整源代码。
即使值更改或值更改,如何将其修改canvas
为固定大小?canvas
bubble
bar
即使数据集中的值发生变化,我也希望canvas
使用固定的1320px
宽度和685px
垂直值进行绘制。
chart.js - 如何在 Chart.js 中为图形区域设置固定高度
我需要创建多个图表,其中图表区域的高度完全相同(但其他图表元素的高度可能会有所不同)。
什么样的方法可以用来实现这个功能?
默认情况下,Chart.js 旨在在绘制元素时填充画布高度,这使得图形区域高度依赖于画布高度和其他图表元素,如标题高度和图例高度。
这个问题已经在 Chart.js GitHub ( https://github.com/chartjs/Chart.js/issues/3458 ) 上讨论过,开发人员似乎同意这个功能应该由自定义插件而不是核心来处理反正图书馆。
我有点失落。到目前为止,我已经尝试在 beforeFit 和 afterFit 挂钩中修改 y 比例高度、maxHeight、填充、边距等,但这些似乎没有做任何事情。我只是似乎不了解源代码中如何处理高度设置以及如何覆盖它。
javascript - 如何使用 Chart.js V3.7.0 中的原始数据集格式在 Y 轴上显示“空”值数据?
我想知道是否有办法Null
在Primitive Dataset中显示或附加值。
到目前为止,这是一个简短的代码解释,说明我的代码实际做了什么,以及我如何尝试实现同样的事情,但没有成功。
PHP 代码(我使用 php 将我拥有的一些数据格式化为正确的格式 Primitive dataset documentation
):
我使用此变量的图表脚本:
问题:
如何在不破坏图表的情况下在图表上附加of type
等于的数据?Null
(术语中断,我的意思是当我有至少一个空值时,图表根本不显示值)。
提前感谢您的时间和精力。库被调用Chart.js
,库的版本是3.7.0
.
vue.js - 将数据添加到折线图(带有 Vue.js 的 chart.js)会导致“递归过多”错误
我将 chart.js 与 vue.js 一起使用。我有一个折线图,我想添加数据(稍后由 SSE 自动添加)。我修改了另一个示例,但错误仍然相同。它在调用 this.moonData.push(或 this.testData.datasets[0].data.push)时“崩溃”。它必须与moonData的ref()有关。当我只使用非参考版本时,推送成功,但图表没有更新。顺便说一句,推标签成功
我正在使用 chart.js@3.7.0, vue@3.2.29
在火狐中:
在铬:
有任何想法吗?