topic Re: Custom Visual displayUnits drop down menu in Developer

Custom Visual displayUnits drop down menu

Anonymous — Tue, 09 Jul 2019 15:13:33 GMT

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.

Re: Custom Visual displayUnits drop down menu

dm-p — Wed, 10 Jul 2019 01:25:34 GMT

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):

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...

Re: Custom Visual displayUnits drop down menu

Anonymous — Wed, 10 Jul 2019 21:09:30 GMT

@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!

Re: Custom Visual displayUnits drop down menu

dm-p — Wed, 10 Jul 2019 21:23:34 GMT

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