Gradients

ApexCharts allows you to set gradient fill option easily with fill.gradient property

Setting gradients

Setting gradient fill option can be done by.

fill: {
  type: 'gradient',
  gradient: {
    shade: 'dark',
    type: "horizontal",
    shadeIntensity: 0.5,
    gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
    inverseColors: true,
    opacityFrom: 1,
    opacityTo: 1,
    stops: [0, 50, 100],
    colorStops: []
  }
}

Example