top of page

Gradient color in pie chart

Below script will add gradient color to pie chart.




Steps:

  1. Create pie chart

  2. 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 panel.

  3. Save the script and refresh widget



widget.on('processresult', function(se,ev){
	
	var color1 = 'rgba(230, 230, 230, 0.4)'

	$.each(ev.result.series[0].data, function(index, value){
		value.color = {
			linearGradient: {
				x1: 0,
				y1: 0,
				x2: 0,
				y2: 1
			},
			stops: [
				[0, value.color],
				[1, color1]
			]
		}
	})
})



122 views0 comments

Comments

Rated 0 out of 5 stars.
No ratings yet

Add a rating
bottom of page