graph expands the size of an angular-flex parent container

I’m submitting a … (check one with “x”)

[x ] bug report => search github for a similar issue or PR before submitting

Current behavior a chart that has no [view] set expands it’s parent container when using angular-flex

Expected behavior a chart should not change the size of the parent container, just fit inside it

Reproduction of the problem without the charts, the div card size size is “1654x872”

<div fxFlex #card>
            <!-- <ngx-charts-bar-vertical  ....  </ngx-charts-bar-vertical> -->
 </div>

If I add the charts back in, it gives a #card size of “1750x1024”

<div fxFlex #card>
            <ngx-charts-bar-vertical   ....  </ngx-charts-bar-vertical>
 </div>

What is the motivation / use case for changing the behavior? I have to employ a horrible hack to make the chart fit within the container

Please tell us about your environment: linux,

• ngx-charts version: 5.3.1

• Angular version: 4.2

• Browser: Chrome Version 57.0.2987.98 (64-bit)

• Language: [all]

[Zundrium]

Facing the same issue here, sad but true. Can’t use this library because of this 😦

[MJomaa]

Same as @Zundrium. Nice library but doesn’t work great with flexbox. Just ditched flexbox for every layout where a chart is used and now it works great. I also trigger a window resize event when major layout changes happen.