Custom Visual displayUnits drop down menu

[Anonymous]

Hi I am making my custom visual and need the display units drop down menu.....I suspect this is part of power bi utility that was packaged in?  but I cannot find any documentation.  Can anyone help?  Thanks.

[dm-p · Accepted solution]

Hi @Anonymous 

Use a type in your capabilities.json as follows:

"type": {
    "formatting": {
        "labelDisplayUnits": true
    }
}

The corresponding class property in your settings.ts will be of type number, as the list value will pass in a number a valueFormatter can use in the value parameter of the ValueFormatterOptions.

Here's some examples from one of my custom visuals (we're looking at the labelDisplayUnits object):

• capabilities.json
• settings.ts
• Usage of property in valueFormatter.create call

Hopefully this gets you moving!

Daniel

EDIT: the formatting type also has support for fontSize and alignment, values which will add selectors for font size and graphics for left/centre/right alignment as in the properties pane. Here's the section of the JSON schema for capabilities, which documents the formatting object type.

DOUBLE EDIT: looks like fontFamily was added a while back, too; that'll be worth exploring at some point...

[Anonymous]

@dm-p  Thank you so much for your help!  Every time your suggestions/tutorial guided us to solution.  We just made our first custom visual KPI card.

Thank you!

[dm-p]

Hi @Anonymous - that's great to hear! Onwards and upwards! 🙂