Размер диаграммы пончика Chart.js

Question

Я использую ng2-диаграммы в проекте Angular.У меня есть две версии проекта.Текущая производственная версия старая и использует старую версию ng2-диаграмм (и, соответственно, chart.js).Я работаю над обновлением проекта.Я столкнулся с чем-то странным, хотя.

Я использую кольцевую диаграмму из ng2-диаграмм, а размер по умолчанию, при котором диаграмма загружается в старой версии, равен 1: 1:

Вы можете видеть, что он загружается с высотой и шириной 240 пикселей.Странно то, что в более новой версии ng2-charts / chart.js отношение ширины к высоте составляет 2: 1:

IЯ использую те же параметры в новой версии, ту же настройку и т. д. Разница только в версии пакета.

Есть ли параметр для Chart.js, который поможет мне это исправить?Мне нравится размер старой диаграммы, но я не могу заставить новую сделать это, не позволяя canvas диаграммы выходить за пределы моего компонента, что по понятным причинам мне не нужно.

Answer 1

Установите aspectRatio: 1 в объекте options, предоставленном Chart.js, чтобы получить то, что вы ищете.Значение по умолчанию aspectRatio равно 2 в текущей версии (было время, когда оно было 1, но оно было отменено для улучшения обратной совместимости).Как вы можете догадаться, если установить его на .5, то height элемента удваивается по сравнению с шириной.

Codepen (это перо взято из this Выпуск Github)