Chart.js 圆环图大小

Question

我在 Angular 项目中使用ng2-charts。我有两个版本的项目。当前的生产版本很旧，使用的是旧版本的 ng2-charts（以及，通过扩展，chart.js）。我正在升级项目。不过我遇到了一些奇怪的事情。

我正在使用 ng2-charts 中的圆环图，并且图表在旧版本中加载的默认大小是 1:1 的比例：

您可以看到它加载的高度和宽度为 240 像素。奇怪的是，在较新版本的 ng2-charts/chart.js 中，宽高比为 2:1：

我在新版本中使用相同的选项，相同的设置等。唯一的区别是包版本。

是否有 Chart.js 的设置可以帮助我修复它？我喜欢旧图表的大小，但不能让新图表做到这一点，而不允许canvas图表的 出血到我的组件之外，这显然是我不想要的原因。

Answer 1

设置提供给 Chart.jsaspectRatio: 1的options对象以获取您要查找的内容。aspectRatio当前版本中的默认值为 2（有一段时间它是 1，但为了提高向后兼容性而恢复）。正如您可能猜到的，将其设置为 0.5 会导致height元素的宽度是宽度的两倍。

Codepen（此笔取自这个Github的问题）