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

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

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

出典

2016-07-20 BrandonReid

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

出典

2016-07-20 22:29:44 BrandonReid

後の高さと幅を設定します。 – Natanael

[Chart.jsのドキュメント]（http://www.chartjs.org/docs/latest/general/responsive.html#responsive-charts）でこれに関する説明が見つかります。 – Charmin

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

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

出典

2017-07-16 10:06:43 Dennis

はちょうどそれがオプション属性でなければなりませんbasechart

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

出典

2017-11-06 10:56:46 Arash

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

答えて

関連する問題