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.js的aspectRatio: 1对象中设置options以获取您要查找的内容。当前版本中的默认aspectRatio为2（有一段时间它是1，但是为了提高向后兼容性而恢复了它）。正如您可能猜到的那样，将其设置为.5会导致元素的height加倍。

Codepen（此笔取自this Github问题）