primeng icon indicating copy to clipboard operation
primeng copied to clipboard

When p-chart is put into a p-fieldset, the chart is not responsive anymre

Open blackat opened this issue 1 year ago • 0 comments

Describe the bug

Hello, When I put a chart into a fieldset, the chart is not responsive anymore. If I enlarge the window the graph resize, but when I shrink the window the chart and the fieldset does not resize.

I have just done a try like this

<div style="margin: 1rem">
  <p-fieldset legend="Chart" [toggleable]="true">
     <div class="card">
        <p-chart type="line" [data]="data" [options]="options" [responsive]="true"
             [height]="'400hv'"></p-chart>
     </div>
  </p-fieldset>
</div>

Environment

I am using Mac OSX, PrimeNG 17.5.0 and Charts 4.4.1 with Angular 17.1.1.

Reproducer

No response

Angular version

17.1.1

PrimeNG version

17.5.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.3.0

Browser(s)

Chrome

Steps to reproduce the behavior

No response

Expected behavior

I would expect that if I put the chart into the fieldset I can resize the window and the chart resize as well.

blackat avatar Feb 06 '24 21:02 blackat