top of page

Display values in legend - Pie chart


The script below displays value of each items along with legend



Steps:

  1. Create a pie chart

  2. Add below script to widget

  3. Save the script and refresh widget


widget.on('processresult', function(se, ev){
	ev.result.legend.labelFormatter = function(){
		console.log(this)
		legendData = ev.result.series[0].data.find(el=>el.name == this.name).y
			
		myItem = se.metadata.panels[1].items[0]
		myMask = $$get(myItem, "format.mask", {})

		var numberFormatter = prism.$injector.get('$filter')('numeric');
		formattesValue = numberFormatter(legendData, myMask);
		
		return this.name + '<span style="color:#838584; font-size:12.5px"> <b> (' + formattesValue + ')</b></span>'
	}
})

206 views1 comment

1 Comment

Rated 0 out of 5 stars.
No ratings yet

Add a rating

Can I use this to remove a series label from a legend? The other solution posted doesn't work for pie charts.

Like
bottom of page