Jank Workaround: Edit font size in single value vis

I’ll forwarn, this is exceptionally jank and is a bit finicky, but it should work with just about any data and doesn’t require HTML. It also could potentially break at some point, but probably only when visualizations are completely reworked (which would solve this problem most likely). That disclaimer aside, the workaround: 

1 - Starting Point

For example’s sake, I’m starting with a really simple table like this: 

9e53cbf7-7b37-4fb7-9447-01de9ed39972.png

Note: It doesn’t have to be this simple, the hack itself doesn’t really care about the table’s complexity. The important part though (as we will see in a moment) is that there needs to be only one row and measure column shown in the vis. 

2 - Change vis type to `ScatterPlot` and open the vis settings menu

You should now be here: 

fcb1e3c7-5917-46cb-b47e-80f73d9f8d29.png

Yes, scatterplot I know. I forewarned this was going to be jank. 

3 - Edit vis settings

You’ll want to make the following changes: 

  • in “X” tab: 
    • Toggle OFF “Show Axis Name”
    • Toggle OFF “Axis Value Labels”
  • in “Y” tab:
    • Toggle OFF “Show Axis Name”
    • Toggle OFF “Show Axis Values”
    • Toggle OFF “Gridlines”
    • Make note of the “Minimum Value” and “Maximum Value” fields at the bottom, we may need them later. 
  • in “Series” tab:
    • Edit color of series in Customizations > Series name, toggle to “Custom”, and replace the color code with “white”
      19cc7500-ccfd-4c25-8af4-c8ba8cea5551.png
  • in “Values” tab:
    • Toggle ON “Value Labels”
    • Input a color into the “Value Colors” field
d8465596-9a06-40db-aab8-630b5a47d1f8.png

Your vis should now look something like this: 

cdb38efa-8fb1-42e9-8872-4a9dfd747cdf.png

4 - Tune to your preference

From here, you can control the text size with the “Font Size” field, and formatting with the “Value Format” field. For ex, selecting 100 in “Font Size” renders this: 

0544ee84-e73a-4dc7-ac4c-d7bccc5e0199.png

Depending on the value you’re displaying (as is pictured here), the text may not quite be centered. To resolve that, we’ll want to go back to the “Y” menu and change the min/max value settings. I’ve found that a Min value just under and a Max value of just over the value we’re displaying usually centers the vis quite nicely, like so:

c1bdcf96-131f-4f6f-beda-89b727b40419.png

And that’s the hack!

2 2 1,023
2 REPLIES 2

sunnygudVZ
Participant I

Is there a hack to show the text at the bottom darker than what it shows? i am using a single value look.

Any help is appreciated. 

Somehow the title shows opaque with 30-50% transparency i believe, i hope there is an easier way to fix this.

 

65e8935e-2802-4584-819f-43e750093eb2.png

Is there a hack to show the text at the bottom darker than what it shows? i am using a single value look.

Any help is appreciated. 

Somehow the title shows opaque with 30-50% transparency i believe, i hope there is an easier way to fix this.

 

65e8935e-2802-4584-819f-43e750093eb2.png

How were you able to get a single value look with a Title at top. When I’m adding a Single value look to a dashboard it doesn’t show up.All I’m able to get the they opaque Title below the value.

Can you help me how you did it.

Top Labels in this Space
Top Solution Authors