top of page

Gradient fill in Scatter chart

Gradient colors can be applied to a scatter chart using below script


Steps:

  1. Create a scatter chart

  2. Add below script to widget

  3. Save script and refresh widget



widget.on('processresult', function(se, ev){
	
	$.each(ev.result.series, function(index, value){
		value.marker.fillColor = {
			radialGradient: { cx: 0.4, cy: 0.3, r: 0.7 },
				stops: [
					[0, 'rgba(255,255,255,0.5)'],
					[1, value.color]
				]
		}
	
	})

})


59 views0 comments

Recent Posts

See All
bottom of page