For any support or more customized script, contact us -  binextlevel@gmail.com

Line chart with image/icon markers

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





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
		}

	})
	
})


29 views0 comments

Recent Posts

See All