Showing results for 
Search instead for 
Did you mean: 
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)']

9 - Travel Pro
9 - Travel Pro

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:
Community Toolbox

Recommended quick links to assist you in optimizing your community experience:

Developers Group:

Product Feedback Forum:

Need additional support?:

Submit a Support Request

The Legal Stuff

Have a question about the Sisense Community?

Email [email protected]

Share this page: