Charts in Angular not showing in it's real size

[OmarSherif96]

I am submitting a...

• [ ] Feature request
• [ ] Design defect - [ ] Source code defect
• [ ] Demo/documentation defect
• [ ] Other

charts version:

"@carbon/charts": "^0.32.6", "@carbon/charts-angular": "^0.32.6",

Issue description

Charts in angular not working properly I tried the Donut and Bubble chart

Steps to produce the issue

Followed this guide https://carbon-design-system.github.io/carbon-charts/?path=/story/intro--welcome

Current behavior

Expected behavior

Screenshot or recording

[theiliad]

Hi, have you set width & height in your charting options?

If not, have you set a a width & height for the chart holder?

Also you're missing the CSS import listed here

[OmarSherif96]

Hello I have the css file imported,

Also I am using this options for the donut chart

options = { title: "Donut", resizable: true, donut: { center: { label: "Browsers", }, }, height: "4000px", width: "4000px", };

[theiliad]

Just checked, everything seems to be working well. Something must be going on in your application. Could you share a sandbox please?

[OmarSherif96]

https://github.com/OmarSherif96/health-planner-frontend This is the source code

[theiliad]

Please be more specific, which files to look at, which lines to look at etc.

On Wed, Jun 17, 2020 at 6:47 AM Omar Sherif notifications@github.com wrote:

https://github.com/OmarSherif96/health-planner-frontend This is the source code

— You are receiving this because you commented.

Reply to this email directly, view it on GitHub https://github.com/carbon-design-system/carbon-charts/issues/670#issuecomment-645300103, or unsubscribe https://github.com/notifications/unsubscribe-auth/ADSLT3F5RGOH6GC647WVATTRXCNNHANCNFSM4N7HGPKA .

[OmarSherif96]

You can find the chart component inside this https://github.com/OmarSherif96/health-planner-frontend/tree/master/src/app/pages/catalog

[nstuyvesant]

@OmarSherif96 - Is this still an issue in @carbon/charts-angular@1.8.0? BTW, there is a version for Angular 16 now @carbon/charts-angular@next.

[nstuyvesant]

@OmarSherif96 - The link provided above gave me a 404.

[theiliad]

I'll close for now, pls let us know @OmarSherif96