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

Question

如何使用PrimeNg Chart的宽度和高度？

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

当我使用宽度和高度时没有效果.请让我知道如何使用宽度和高度图表.

Answer 1

根据该链接,您必须为图表设置两个选项:

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

在你的打字稿代码中:

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

Answer 2

查看源代码，p-chart 将宽度和高度作为组件输入，因此将它们放在 [] 中应该可以解决问题：

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