Changing Value Label's Font Size, Weight And Rotation

Is it possible to add a background color or highlight to the value labels? I'm trying to apply this to the value labels on an area chart, and my problem is that the labels sometimes overlap with the dark colors of the area chart. I can't just make the value label's font color white, because then the parts of the labels that aren't overlapping the area chart would be invisible against the white background. I can try and set it to a middle grey color, but then they won't stand out very well against either the area chart's colors or the background.

Ideally I could just set some sort of background color or highlight to the value label, this way the values are always visible no matter what's behind them. I tried adding "backgroundColor" and "borderColor" to the style tag, but that didn't seem to work. 

Are there any plans for making this very basic feature available without using a script? Excel and Tableau both make this much easier. Even this comment box has a button for changing the size of my text!

This script no longer works in version L2023.11. Is there a fix for that? intapiuser 

Hi SiftHealthcare.

Thank you for reaching out. We tested this with 24.1 and it worked. We don't have a 23.11 environment ready at the moment. Can you provide any details about the issue you are having?

DRay It does not work with filtering. Once a filter is applied the widget appears frozen and it unusable. This also happens when you try to drill into the widget.

SiftHealthcare 

Thank you for the update. I'll have someone work through the code and see if it can be fixed to work with Filters.

Hello DRay any update on this?

Hi SiftHealthcare.

Thank you for following up. I have an engineer looking at it, but we don't have a solution yet. I'll chase them up and try and get an update.

Hi SiftHealthcare,

Apologies for the delay here.

Below is the updated script. This script iterates through the series, so there is no need to specify a series name in the code. Let me know if you'd like a version of the script that formats only certain series in the widget, excluding the others.

//Customize value labels formatting
widget.on('processresult', function(w, e) {

	// Iterate through each series in the chart data
	e.result.series.forEach(function(series) {

		// Check if the data labels object exists for the current series
		if (!series.dataLabels) {
			series.dataLabels = {};
		}

		// Enable the data labels
		series.dataLabels.enabled = true;

		series.dataLabels.style = {

			// Change the labels color
			color: "#000000",

			// Change the labels size
			fontSize: "25px",

			// Change the labels weight
			fontWeight: "bold"

		};
		
		// Change the labels rotation
		series.dataLabels.rotation = 350;
		
		// Change the y position offset of the labels
		series.dataLabels.y = 40;

	});
});

Thank you TriAnthony this is very close to resolving my issue. Is there any way to adjust this by percent instead of a set value? I tired this on specifically a bar chart and it cause all of the values to be spaced out further instead of just adjusting the whole graph section.