How to use PrimeNg width and height chart?

Question

How can I use width and height for a PrimeNg chart?

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

There is no effect when I use width and height. Please let me know how to use the width and height chart.

+4

Thu rein Nov 21 '16 at 9:07

2 answers

Looking through the source code , p-chart takes the width and height as component inputs, so including them in [] should do the trick

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

+2

Jens habegger Nov 21 '16 at 9:03

Benedikt · Accepted Answer · 2016-11-22T11:44:27+0000

According to this link you should set two parameters for the chart:

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

And in Typescript code, Code:

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