I have to drag or zoom in/out to activate autoScaleYaxis

[bediu]

I'm not going to mark this as a bug report because it might not be the case.

I'm using the vue wrapper for apex charts - and in order to get a dynamic y axis to work - I have to first zoom in and out or use the drag functionality - but before doing that, the y axis isn't dynamic and takes the max value of all of the data.

{
          chart: {
              type: 'area',
              stacked: false,
              zoom: {
                  enabled: true,
                  type: 'xy',
                  autoScaleYaxis: true
              },
              toolbar: {
                  tools: {
                      download: true,
                      selection: true,
                      zoom: true,
                      zoomin: true,
                      zoomout: true,
                      pan: true,
                      reset: true
                  }
              }
          },
          colors: ['#1d42c8'],
          dataLabels: {
              enabled: true
          },
          stroke: {
              curve: 'smooth',
              width: 5
          },
          fill: {
              type: 'gradient',
              gradient: {
                  opacityFrom: .5,
                  opacityTo: .5,
              }
          },
          legend: {
              position: 'top',
              horizontalAlign: 'left'
          },
          yaxis: {
              show: false,
          },
          xaxis: {
              type: 'datetime',
              categories: Object.keys(Reports.data),
              min: Date.now() - 11 * 12096e5 / 14,
              tickPlacement: 'on'
          },
          grid: {
              show: true,
              borderColor: '#1d42c833',
              strokeDashArray: 3,
          }
      }
  }

Can anyone share some help how to fix this?

[bediu]

@junedchhipa can you help me out man?