chart.js - 如何使用PrimeNg的宽度和高度图表？

Question

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

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

使用width和height时没有任何效果。请让我知道如何使用width和height的图表。

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>

在您的 typescript 代码中:

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