[Bug] Chart doesnt resize itselft to full container width

[caneserr]

Version

5.4.3

Link to Minimal Reproduction

https://ix.siemens.io/docs/controls/charts/

Steps to Reproduce

1. set width of the container html element to 100% and height to some fixed value.
2. see chart get width of 100px instead of %100 of the container

Current Behavior

I give a chart contaoner width %100 width but chart getting resized to 100px. if I give %99 chart resizes to 99px

Expected Behavior

I expect chart to resize itself to full container width

Environment

- OS: windows 11
- Browser: chrome 121.0.6167.185 
- Framework: react 18.2.0

Any additional comments?

No response

[helgasoft]

The referenced official example works fine with width:'100%'.
So it must be something specific to your environment configuration.

[chdenat]

I got the same. I think that it is a bug.
But if you use react states you can have the expected behavior.
Set the react width and height to 2 states.
In a window resize event, set these states to the chart container width and height values.
So each time the window will be resizes, the chart is resized to its container.

[spearmootz]

this happens to me too. the instance.getWidth() reports the correct number, the canvas or svg are the size of the container. the graph inside only takes up like 20% of the width though