React Apexchart Is Not Taking Its Parent Height When Setting Height 100%

I am working on react-apexcharts and trying to set height 100 percent of the chart but it is not accepting height of its parents instead showing its min-height of445px.I could not

Solution 1:

You just need to set your ReactApexChart component to 100% not 430 (you can remove the height inside options object) and then you can control the chart height by .wrapper CSS class

<ReactApexChart ... height="100%" />

See live codeSandbox example.