Κάρτα ρυθμίσεων μορφοποίησης

Μια κάρτα ρυθμίσεων μορφοποίησης καθορίζει μια κάρτα μορφοποίησης στο τμήμα παραθύρου μορφοποίησης ή ανάλυσης. Μια κάρτα ρυθμίσεων μορφοποίησης μπορεί να περιέχει πολλές φέτες μορφοποίησης, κοντέινερ, ομάδες και ιδιότητες.

Η προσθήκη αναλυτών σε μια κάρτα ρυθμίσεων μορφοποίησης τοποθετεί όλες αυτές τις φέτες σε μία κάρτα μορφοποίησης.

Οι κάρτες, οι αναλυτές και οι ομάδες μπορούν να κρυφτούν δυναμικά ρυθμίζοντας την παράμετρο visible σε ψευδείς (true από προεπιλογή).

Η κάρτα μπορεί να συμπληρώσει είτε το τμήμα παραθύρου μορφοποίησης είτε το τμήμα παραθύρου ανάλυσης ορίζοντας την παράμετρο analyticsPane σε true ή false.

Παράδειγμα: Υλοποίηση κάρτας ρυθμίσεων μορφοποίησης

Προϋποθέσεις

Για να δημιουργήσετε ένα μοντέλο μορφοποίησης με κάρτα μορφοποίησης χρησιμοποιώντας βοηθητικά προγράμματα μορφοποίησης, πρέπει να

• Ενημερώστε την έκδοση powerbi-visuals-api σε 5.1 και νεότερες εκδόσεις.
• Εγκατάσταση powerbi-visuals-utils-formattingmodel.
• Προετοιμασία μορφοποίησηςΡυθμίσειςΔιαχείριση.
• Προετοιμασία μορφοποίησηςΡυθμίσειςΚωνική κλάσηModel.

Σημείωση

• Το όνομα κάρτας θα πρέπει να συμφωνεί με το όνομα αντικειμένου στο capabilities.json
• Το όνομα του αναλυτή θα πρέπει να συμφωνεί με το όνομα ιδιότητας στο capabilities.json

Απλή υλοποίηση κάρτας μορφοποίησης

Σε αυτό το παράδειγμα, δείχνουμε πώς μπορείτε να δημιουργήσετε ένα μοντέλο μορφοποίησης προσαρμοσμένης απεικόνισης με μία απλή κάρτας, χρησιμοποιώντας formattingmodel βοηθητικό πρόγραμμα. Η κάρτα έχει δύο φέτες:

• εμφάνιση ιδιοτήτων που αντιπροσωπεύονται από τον αναλυτή ToggleSwitch.
• ιδιότητας Εμφάνιση μονάδων που αντιπροσωπεύεται από τον αναλυτή AutoDropdown.

Πρώτα, προσθέστε αντικείμενα στο αρχείο capabilities.json:

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

Στη συνέχεια, εισαγάγετε το ακόλουθο τμήμα κώδικα στο αρχείο ρυθμίσεων:

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];
}

Ακολουθήστε τα βήματα 4 - 8 από το παράθυρο "Δημιουργία μορφοποίησης" πρόγραμμα εκμάθησης.

Ακολουθεί το τμήμα παραθύρου που προκύπτει:

Σε αυτό το παράδειγμα, θα σας δείξουμε πώς μπορείτε να δημιουργήσετε ένα μοντέλο μορφοποίησης προσαρμοσμένης απεικόνισης με μία σύνθετη κάρτα μορφοποίησης, χρησιμοποιώντας μορφοποιητικά βοηθητικά προγράμματα. Η κάρτα έχει μία ομάδα:

• myVisualGroupSettings με δύο απλές ιδιότητες
  • Ακρίβεια
  • Εμφάνιση μονάδων

Πρώτα, προσθέστε αντικείμενα στο αρχείο capabilities.json:

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

Στη συνέχεια, εισαγάγετε το ακόλουθο τμήμα κώδικα στο αρχείο ρυθμίσεων:

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

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

    public precision: formattingSettings.NumUpDown = new formattingSettings.NumUpDown({
        name: "precision",
        displayName: "Precision",
        value: 2
    });

    name: string = "labelsGroup";
    displayName: string = "Labels group";
    slices: formattingSettings.Slice[] = [this.displayUnits, this.precision];
}

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

    public labelsGroup: LabelsSettingsGroup = new LabelsSettingsGroup();

    topLevelSlice: formattingSettings.ToggleSwitch = this.show;
    name: string = "values";
    displayName: string = "Values settings";
    groups: formattingSettings.Group[] = [this.labelsGroup];
}

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

Ακολουθήστε τα βήματα 4 - 8 από το παράθυρο "Δημιουργία μορφοποίησης" πρόγραμμα εκμάθησης.

Ακολουθεί το τμήμα παραθύρου που προκύπτει:

Σχετικό περιεχόμενο

• τμήματος παραθύρου "Μορφοποίηση" του
• βοηθητικών προγραμμάτων μοντέλου μορφοποίησης