如何使用ng2-charts設置圖表的高度

如何使用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設置圖表的高度

回答

相關問題