Showing results for 
Search instead for 
Did you mean: 

Set marker symbol for each category in line chart

13 - Data Warehouse
13 - Data Warehouse

Different marker symbols can be set to line chart based on its value (Y-axis) using this script. But in some cases we may need to set icons for each category (X-axis), Here is a script to achieve this



  1. Create line chart and enable marker in design panel

  2. Add below script to widget and update the variable 'categoryLogoMapping' with name of items in X-axis and its logo URL

  3. Save script and refresh widget

categoryLogoMapping = {'Google': '',
					 'Apple': '',
					 'Twitter': '',
					 'Facebook': '',
					 'Whatsapp': ''}

widget.on('processresult', function(se, ev){
	ev.result.series[0].lineWidth = 0 //To disable connected line between markers
	$.each(ev.result.series[0].data, function(index, value){
			value.marker.symbol= `url(${categoryLogoMapping[value.selectionData[0]]})`
			value.marker.width= 25
			value.marker.height= 25

Related posts:

Line chart with image/icon markers

Apply conditional colors to Markers in Line chart


8 - Cloud Apps
8 - Cloud Apps

is there a way to simply make the current markers smaller? thank you! 

Community Toolbox

Recommended links to assist you in optimizing your community experience:

Developers Group:

Product Feedback Forum:

Need additional support?:

Submit a Support Request

The Legal Stuff

Have a question about the Sisense Community?

Email [email protected]