top of page

Gradient fill in Scatter chart

Updated: Nov 27, 2024

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

ree

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]
				]
		}
	
	})

})


Comments

Rated 0 out of 5 stars.
No ratings yet

Add a rating

BI Next Level is your trusted resource for BI customization, data solutions, and expert insights. Explore practical tips, scripts, and tutorials for tools like Sisense, Python, and SQL. Let’s transform your data into impactful insights together.

Quick Links
Connect with us
bottom of page