Not so smooth gredient

[donmb1]

Hi folks,
I have an issue with vue apexcharts. When plotting a gradient on my website, it looks like in the screenshot.
This is my configuration

const chartOptions = computed(() => { 
  return {
    chart: {
      type: 'area',
      toolbar: {
        show: false
      },
      zoom: {
        enabled: true
      }
    },
    colors: ['#516ED7'],
    dataLabels: {
      enabled: false
    },
    stroke: {
      curve: 'smooth',
      width: 5
    },
    fill: {
      type: "gradient",
      gradient: {
        shadeIntensity: 1,
        opacityFrom: 0.9,
        opacityTo: 0.6
      }
    },
    xaxis: {
      categories: xAxisData.value
    },
    yaxis: {
      tickAmount: 3,
      forceNiceScale: true,
      min: 0
    }
  }
})

How could this possibly happen?

[reyhankaplan]

Have you found any solution? I am also having the same problem with multiple series.

Edit: Seems like this is fixed in v3.50.0 with this PR. I was on an older version and upgrading fixed my problem.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.