cancel
Showing results for 
Search instead for 
Did you mean: 

Hover label value font colors

ElementUX
8 - Cloud Apps
8 - Cloud Apps

Is it possible to change the font color for bar chart hover  labels?  Ideally this would be a global setting, but if I have to run code per widget, ill do what it takes. Thanks!

 bar-chart-font.png

1 ACCEPTED SOLUTION

harikm007
13 - Data Warehouse
13 - Data Warehouse

@ElementUX ,

Here is a script to make same color for tooltip.

 

widget.on('beforedatapointtooltip', function(se, ev) {
	$.each(ev.context.points, function(index, value){
		value.valueColor = 'red' //specify color here
	})
})

Its possible to apply the color globally by creating a plugin with this script.

-Hari

View solution in original post

3 REPLIES 3

harikm007
13 - Data Warehouse
13 - Data Warehouse

@ElementUX ,

Here is a script to make same color for tooltip.

 

widget.on('beforedatapointtooltip', function(se, ev) {
	$.each(ev.context.points, function(index, value){
		value.valueColor = 'red' //specify color here
	})
})

Its possible to apply the color globally by creating a plugin with this script.

-Hari

ElementUX
8 - Cloud Apps
8 - Cloud Apps

Thanks.  Worked as intended.  Ill do it widget by widget for now. 

ElementUX
8 - Cloud Apps
8 - Cloud Apps

Wanted to add the code works for the entire tooltip - dual values maintain the same color 🙂   

ElementUX_0-1651679955415.png