How to Fill Column chart with gradient colour

Hello ,

We have a need to fill gradient color in the column chart . Tried using the below script in the HighchartJSON property of AdvancedFormat ,however it did not help .


SyntaxEditor Code Snippet

"plotOptions: {
        series: {
            fillColor: {

linearGradient: [0, 0, 0, 300],
                stops: [
                    [0, Highcharts.Color('#0266db').setOpacity(0).get('rgba')],
                    [0.5, Highcharts.Color('#634bd6').setOpacity(0.5).get('rgba')],
                    [1, Highcharts.Color('#0266db').setOpacity(1).get('rgba')]
                ]
            }
    }
}
"



Hi Naga,

You can do it like this:

This assumes that you have a "DataPoints" variable in your screen whose type is "DataPoint List" and serves as the chart source.

And in the "DataPointJSON" attribute:

"
color: {
    linearGradient: {
        x1: 0,
        x2: 0,
        y1: 0,
        y2: 1
    },
    stops: [
        [0, '#ffcccc'],
        [1, '#ff0000']
    ]
}
"