top of page

Line chart with image/icon markers

Updated: Nov 27, 2024

Its possible to set different shapes and icons as marker inline chart. Here is script to set different types of markers based on condition


ree



widget.on('processresult', function(se, ev){
	$.each(ev.result.series[0].data, function(index, value){

		if(value.y <= 5000){
			value.marker.symbol= 'url(https://img.icons8.com/emoji/30/000000/flag-in-hole-emoji.png)'
			
		}
		else if(value.y <= 10000){
			value.marker.symbol= 'url(https://img.icons8.com/emoji/30/000000/kite-.png)'
			
		}
		else if(value.y <= 15000){
			value.marker.symbol= 'triangle'
			value.marker.radius= 10
			value.marker.fillColor= '#e6b122'
			
		}
		else{
			value.marker.symbol= 'square'
			value.marker.fillColor= '#1d5ecf'
			value.marker.radius= 10
		}

	})
	
})


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