Mobile height / legends getting cropped

[apexcharts]

Mobile height / legends getting cropped

[junedchhipa]

If you don't provide any height, then the default height = width / 1.6

But, you can give height along with width also. If you don't want to give fixed height for large screens, you can configure the responsive options to give height just for mobile screens.

Here is the chart image with height set to "auto"

and here is the chart image with height set to 300 for mobile devices

using this config

{
  chart: {
    type: 'line',
    height: 'auto',
  },
  responsive: [{
    breakpoint: 480,
    options: {
      chart: {
        height: 300
      }
    }
  }],
}

[junedchhipa]

I will look into the legends getting cropped.
For a temporary solution, you can offset the whole legend area by

{
  legend: {
    offsetY: -5
  }
}

[arkhenstone]

Even with that config, the legend overflow. Set more height, and the legend still overflow.

With height="300" :

With height="400" :