Как использовать диаграмму ширины и высоты PrimeNg?

Question

Как использовать ширину и высоту диаграммы PrimeNg?

<p-chart type="bar" width="400" height="400" [data]="data"></p-chart> 

Нет эффекта, когда я использую ширину и высоту. Пожалуйста, дайте мне знать, как использовать диаграмму ширины и высоты.

Answer 1

https://www.reddit.com/r/webdev/comments/4gjuvp/chartjs_canvas_height_width_ignored/

По этой ссылке можно установить два варианта для диаграммы:

<p-chart type="bar" width="400" height="400" [data]="data" [options]="options"></p-chart> 

И в вашем машинопись Код:

options = { 
    responsive: false, 
    maintainAspectRatio: false 
}; 

Answer 2

Looking over the source code, р-диаграмма имеет ширину и высоту в качестве компонентных входов, поэтому помещая их в [] должен сделать трюк:

<p-chart type="bar" [width]="400" [height]="400" [data]="data"></p-chart>