Как установить высоту диаграммы с ng2-диаграммами

Question

Как установить высоту диаграммы с помощью ng2-charts? Я делаю линейную диаграмму, как и демо на сайте ng2-charts.

Я искал документацию для ng2-диаграмм и chart.js. В chart.js похоже, что вы устанавливаете свойство height на элементе canvas, например <canvas height="400">, но этот элемент скрывается компонентом ng2-chart.

Answer 1

Выяснил это.

Если установлены настройки responsive: true и maintainAspectRatio: false, вы можете установить свойство высоты css для элемента <base-chart>.

Answer 2

Просто установите свойство высоты baseChart.

<canvas baseChart height="300" ...></canvas> 

Answer 3

просто установить ширину и высоту после basechart

<canvas baseChart 
     height="40vh" width="80vw" 
     [data]="doughnutChart.data" 
     [labels]="doughnutChart.label" 
     [chartType]="doughnutChartType" 
     (chartHover)="chartHovered($event)" 
     (chartClick)="chartClicked($event)"> 
    </canvas>