PrimeNg宽高图怎么用？

Question

如何使用 PrimeNg 图表的宽度和高度？

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

当我使用宽度时没有效果，height.Please让我知道如何使用宽度和高度的图表。

Answer 1

Looking over the source code，p-chart 将宽度和高度作为组件输入，因此将它们放在 [] 中应该可以解决问题：

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

Answer 2

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

据此link您必须为图表设置两个选项：

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

在你的打字稿代码中：

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