cancel
Showing results for 
Search instead for 
Did you mean: 
intapiuser
Community Team Member
Community Team Member
This widget script will add a gradient to the widget's area spline charts.
Configure opacity and RGBA colors as per comments.
widget.on('processresult', function(a,b){
  
  // Set colors for the gradient in the "stops" section below.
  // The top color (first item in the list) is the top color of the gradient... 
  // and the bottom color is the bottom of the gradient.
  // For the same color all the way through like in the example keep the RGB numbers the same...
  // and change the last number representing opacity (0-1).
  b.result.plotOptions.areaspline.fillColor = {
                        linearGradient: {
                            x1: 0,
                            y1: 0,
                            x2: 0,
                            y2: 1
                        },
                        stops: [
                           [0, 'rgba(17, 120, 153, 0.4)'],
                            [1, 'rgba(17, 120, 153, 0.0)']
                        ]
                    }

})
Rate this article:
Comments
Jake_Raz
10 - ETL
10 - ETL

Is it possible to do this for different "break by" colors in a Stacked Area chart? 

Version history
Last update:
‎03-02-2023 09:11 AM
Updated by:
Contributors