Below script will add gradient color to widget. Supported widget types are bar chart, column chart, line chart and area chart
Steps:
Create bar/column/line/area chart
Add below widget script and update the variable 'color1' with any color you need to add as gradient. Primary color is the color you selected in Sisense value/breakby panel.
Save the script and refresh widget
widget.on('processresult', function(se,ev){
var color1 = '#3399ff'
$.each(ev.result.series, function(seriesIndex, seriesValue){
seriesValue.color = {
linearGradient: {
x1: 0,
y1: 0,
x2: 0,
y2: 1
},
stops: [
[0, seriesValue.color],
[1, color1]
]
}
$.each(seriesValue.data, function(index, value){
value.color = seriesValue.color
})
})
})
Comments