HighCharts areaspline многоцветный градиент непрозрачность fade

Question

Я пытаюсь выполнить эффект сглаживания сверху вниз для диаграммы areapline, за исключением нескольких цветов.

Вот то, что я до сих пор: Chart

Я пытаюсь подражать этому: Goal

Answer 1

попробовать изменить параметр в вашей серии:

series: [{ 
      name: name, 
      data: data, 
      color: { 
       linearGradient : { 
        x1: 1, 
        y1: 0, 
        x2: 0, 
        y2: 0 
       }, 
       stops : [ 
        [0, Highcharts.Color('#FC4474').setOpacity(1).get('rgba')], 
        [1, Highcharts.Color('#5D48A1').setOpacity(1).get('rgba')], 
       ] 
      }, 
      fillColor : { 
       linearGradient : { 
        x1: 1, 
        y1: 0, 
        x2: 0, 
        y2: 1 
       }, 
       stops : [ 
        [0, Highcharts.Color('#FC4474').setOpacity(0.7).get('rgba')], 
        [1, Highcharts.Color('#5D48A1').setOpacity(0).get('rgba')], 
       ] 
      } 
     }]