ng2-chartsでグラフの高さを設定するには

Question

を使用してグラフの高さを設定するにはどうすればよいですか？ ng2-chartsサイトのデモと同じように、折れ線グラフを作成しています。

ng2-chartsとchart.jsのドキュメントを検索しました。 chart.jsでは、キャンバス要素の高さプロパティを<canvas height="400">のように設定しているようですが、その要素はng2-chartsコンポーネントによって隠されています。

Answer 1

responsive: trueとmaintainAspectRatio: falseの設定が設定されている場合は、<base-chart>要素のCSS高さプロパティを設定できます。

Answer 2

baseChartのheightプロパティを設定するだけです。

<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>