javascript - 缩小 Canvas 内图表的大小

标签 javascript canvas chart.js

今天下午我读了很多关于减小 Chart.js 图表的 Canvas 大小的内容,并且发现它存在问题。我想知道的是是否可以减小 Canvas 中实际图形的大小? Canvas 的大小不是问题,因为我的纵横比为 1,这导致(雷达)图表的纵横比为正方形。我想要的是将图表的大小缩小到其计算大小的 80%。有人知道这是否可能吗?我很高兴能够破解代码,就像我已经为其他功能所做的那样。

最佳答案

是的,这是可能的。

您可以相应地为图表布局设置填充,这将减小实际图表大小,如下所示:

layout: {
   padding: 20
}

在图表的选项配置中设置此

关于javascript - 缩小 Canvas 内图表的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47077827/

相关文章:

javascript - React-router 未填充参数

javascript - 将字符串拆分为字符串列表

javascript - 如何将淡出效果应用于必须消失的 div,并将淡入淡出效果应用于使用 JQuery 替换它的 div?

javascript - Canvas 上的 SVG 路径位置

javascript - 如何在 Phaser.js 中启用图形对象的物理特性?

javascript - 如何在多行字符中只显示一个标签?

javascript - 将服务器响应数据设置为要使用的变量

javascript - Canvas :动画绘制圆时,如何避免线段之间出现间隙?

javascript - chart.js 响应条形图标签大小

javascript - 转义符号 '<%=' 和 '%>'