[GitHub] [echarts] SureshGota opened a new issue, #18807: [Bug] Charts is not getting fit inside a mat grid.

["SureshGota (via GitHub)" <gi...@apache.org>]

SureshGota opened a new issue, #18807:
URL: https://github.com/apache/echarts/issues/18807

   ### Version
   
   5.4.2
   
   ### Link to Minimal Reproduction
   
   https://stackblitz.com/edit/angular-jml845?file=app%2Fpie-charts.component.html
   
   ### Steps to Reproduce
   
   n angular 16 have created a dashboard with various cards. Inside these cards I am defining various charts using Echarts. The charts don't seem to fit inside the cards, only a portion of them is visible
   
   ```
   <mat-grid-list cols="4" rowHeight="100px">
     <mat-grid-tile
       *ngFor="let tile of tiles"
       [colspan]="tile.cols"
       [rowspan]="tile.rows"
     >
       <pie-charts></pie-charts>// Code for charts
     </mat-grid-tile>
   </mat-grid-list>
   ```
   
   ### Current Behavior
   
   The charts is not fitting inside the mat grid tile. Only a portion of the chart is getting displayed.
   
   ### Expected Behavior
   
   The chart should fit according to the parent container.
   
   ### Environment
   
   ```markdown
   - OS: Windows 10
   - Browser:Chrome
   - Framework:Angular 16
   ```
   
   
   ### Any additional comments?
   
   _No response_


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org