Comment puis-je définir la hauteur d'un graphique avec ng2-charts ?

Question

Comment puis-je définir la hauteur d'un graphique en utilisant ng2-charts ? Je suis en train de faire un graphique linéaire, comme la démo sur le site ng2-charts.

J'ai cherché dans la documentation pour ng2-charts et chart.js . Dans chart.js, il semble que vous définissiez une propriété de hauteur sur l'élément de toile comme <canvas height="400"> mais cet élément est masqué par le composant ng2-charts.

Answer 1

J'ai compris.

Si responsive: true y maintainAspectRatio: false sont définis, vous pouvez ensuite définir la propriété css height de l'élément d'information. <base-chart> élément.

Answer 2

Il suffit de définir une propriété de hauteur de baseChart.

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

Answer 3

Il suffit de définir la hauteur et la largeur après le graphique de base

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