Jaa

Muotoiluasetusten kortti

  • Artikkeli

muotoiluasetusten kortin määrittää muotoilukortin muotoilu- tai analyysiruudussa. Muotoiluasetuskortti voi sisältää useita muotoiluosituksia, säilöjä, ryhmiä ja ominaisuuksia.

Osittajien lisääminen muotoiluasetuskorttiin sijoittaa kaikki nämä osittajat yhteen muotoilukorttiin.

Kortit, osittajat ja ryhmät voidaan piilottaa dynaamisesti asettamalla visible-parametrin arvoksi false- (oletusarvoisesti true).

Kortti voi täyttää joko muotoiluruudun tai analytiikkaruudun asettamalla -parametrin arvoksi true tai epätosi-.

Esimerkki: Muotoiluasetukset-kortin toteutus

Edellytykset

Jos haluat luoda muotoilumallin muotoilukortilla käyttämällä muotoilumallin apuohjelmia, sinun on

Muistiinpano

  • Kortin nimen tulee vastata objektin nimeä capabilities.json
  • Osittajan nimen tulee vastata ominaisuuden nimeä kohteessa capabilities.json

Tässä esimerkissä näytämme, miten voit luoda mukautetun visualisoinnin muotoilumallin yhdellä yksinkertaisella kortin käyttämällä FormattingModel -apuohjelmaa. Kortissa on kaksi osittajaa:

  • Näytä-ominaisuuden, jota edustaa ToggleSwitch-osittaja.
  • Näytä yksiköt esitetään Automaattisen avattavan osittajan esittämänä.

Lisää ensin objekteja capabilities.json-tiedostoon:

{
  // ... same level as dataRoles and dataViewMappings
  "objects": {
    "values": {
      "properties": {
        "show": {
          "type": {
            "bool": true
          }
        },
        "displayUnits": {
          "type": {
            "formatting": {
              "labelDisplayUnits": true
            }
          }
        }
      }
    }
  }
}

Lisää sitten seuraava koodiosa asetustiedostoon:

import { formattingSettings } from "powerbi-visuals-utils-formattingmodel";

class ValuesCardSetting extends formattingSettings.SimpleCard {
    public show: formattingSettings.ToggleSwitch = new formattingSettings.ToggleSwitch({
        name: "show",
        value: true
    });

    public displayUnits: formattingSettings.AutoDropdown = new formattingSettings.AutoDropdown({
        name: "displayUnits",
        displayName: "Display units",
        value: 0
    });

    topLevelSlice: formattingSettings.ToggleSwitch = this.show;
    name: string = "values";
    displayName: string = "Values settings";

    public slices: formattingSettings.Slice[] = [ this.displayUnits ];
}

export class VisualSettingsModel  extends formattingSettings.Model {
    public values: ValuesCardSetting = new ValuesCardSetting();
    public cards: formattingSettings.SimpleCard[] = [this.values];
}

Noudata ohjeita 4–8 Muotoilu-ruudun opetusohjelmassa.

Tässä on tuloksena saatava ruutu:

Näyttökuva SimpleCardista.

Aiheeseen liittyvä sisältö