レスポンシブなchart.jsグラフを画面に表示しないように設定するにはどうすればよいですか？

Question

私のグラフの高さをdivを含むパーセンテージに設定したいと思います。これはどうすればいいですか？

これは簡単な質問ですが、私がグラフresponsive: falseを設定した場合、それを伸ばすことはできますが、基礎となる高さと幅が既に設定されているので、比例していません。

responsive: trueと設定すると、グラフが含まれているdivの外にこぼれて画面に表示されます。

私が含まれているdivのCSSをcontain: contentに設定すると、グラフの一番上が表示されます。

どうすればよいですか？

<div style="display: block; width: 80%; height: 30%; margin-left:10%;"> 
    <canvas baseChart [datasets]="barChartData" [labels]="barChartLabels" [colors]="colors" [options]="barChartOptions" [legend]="'false'" 
     [chartType]="'bar'" (chartClick)="chartClicked($event)"> 
    </canvas> 
</div> 

Answer 1

私はちょっとドキュメントを見ていますが、this linkで問題を解決できると思います。 Scale Propertiesにはheight属性があります。私はそれがあまりにも簡単に他のグラフィックライブラリの製品を購入することができます場合私は私のプロジェクトのためのdevexpressチャートを使用しています。