Chart doesn't take up all the free space of the width of its container

[Eslam Gohar]

I have the same problem with this chart below. I set the width of the chart to "100%", but the chart doesn't take up all the free space in its container. 
So, I want a solution for it.

Code: https://stackblitz.com/edit/react-oidxs5-nje6vrpi?file=index.js

[Durga Gopalakrishnan]

Hi Eslam,

Thank you for reaching out. We reviewed your reported scenario using the sample you shared. Since we were unable to run your attached sample, we recreated a separate sample using the same chart code, styles, and with local data. In our testing, the chart occupies the full available width, and we did not observe any empty space before the chart.

For your reference, we have attached the tested sample and screenshot below:

Sample: https://stackblitz.com/edit/react-mmjken4q?file=index.js

To help us analyze the issue further, we kindly request the following details:

• Please try to reproduce the issue using the above shared sample.
• Share your modified runnable sample where the problem occurs.
• Inform us if you have applied any additional customizations.
• Specify the Syncfusion package version you are using.

We also noticed that your sample references ej2-react-charts v21.2.9. Please confirm whether you are still using this version or a different one. The sample we provided uses the latest version.

Kindly let us know if you have any further concerns or need additional assistance.

Regards,

Durga Gopalakrishnan.