Knowledge Base Article

Changing Value Label's Font Size, Weight And Rotation

UPDATED SCRIPT IN COMMENTS
 
Introduction
Value labels at the floating figures above a series in a bar chart, column chart, or line chart.  
Purpose/Benefits
Changing value labels can be useful to make a measure stand out more.
Example
Steps
1.  Open the Edit Script window in the widget editor.  
2.  Paste the below code.
3.  Change "YourMeasure" to the measure name you would like to change.  (note: be sure to keep the quotes)
4.  Click Save
5  Refresh the dashboard page and click Apply.
/******* user configuration **********/ 
var seriesName = "YourMeasure"; 
/*************************************/ 
widget.on('processresult', function(sender, ev){ 

var data = _.find(ev.result.series, function (ser) {return ser.name == seriesName}).data 
_.each(data, function(value){ 
//enable dataLabels, change its font, make it bold and rotate by 270 
value.dataLabels = {enabled:true, style:{'fontSize':'35px', 'fontWeight':'bold'}, rotation: 270} 
}) 
})
Updated 07-22-2024

16 Comments