Forum Discussion
Helper IChange Callout Font in Gauge Visual with JSON Custom Theme
I am using a gauge visual in my report and would like to change the font family of the call out value in the middle. I couldn't find where to do this in the formatting pain so I thought I would create a JSON custom theme and upload it. Using a custom theme I have been able to change the font color and lable precision, but I have not been able to change the font family. I have tried using different types of font (e.g. Arial, Courier New, etc.) and tried calling it different things within the JSON file (i.e. fontFamily, fontFace), but nothing is working. Does anyone know how to change the font?
This is the font I am trying to change
This is snippets from my JSON file:
"visualStyles": {
"gauge": {
"*": {
"calloutValue": [
{
"show": true,
"color": {
"solid": {
"color": "#4472C4"
}
},
"labelPrecision": 1,
"fontFamily": "'Segoe UI Bold', wf_segoe-ui_bold, helvetica, arial, sans-serif"
}
]
}
}
}
3 Replies
v-juanli-msftCommunity Support
Hi cogsie
How does the following work on your side?
"visualStyles": { "gauge": { "*": { "background": [{ "show": { "expr": { "Literal": { "Value": "true" } } }, "color": { "solid": { "color": "#FF0000" } }, "transparency": 25 }]}, "textClasses": { "callout": { "fontSize": 45, "fontFace": "DIN", "color": "#252426", "fontFamily": "Segoe UI Bold" } } },This is a part of the whole json file, please refer to this to make a complete file.
Best Regards
Maggie
Community Support Team _ Maggie Li
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.- cogsie
Hi v-juanli-msft ,
Thanks for the response. I tried entering the code you provided and unfortunately it did not work. It changed the background but didn't affect the actual callout (see below). I tried changing the text class callout before and it looks like it only affects Card Data Labels on my report. Let me know if you have any other ideas. Thanks.
