Αναλυτής μορφοποίησης MarginPadding

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

Παράδειγμα: Υλοποίηση MarginPadding

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

Αντικείμενο δυνατοτήτων

Εισαγάγετε το ακόλουθο τμήμα JSON στο αρχείο capabilities.json.

{
  // ... same level as dataRoles and dataViewMappings
  "objects": {
    "labels": {
      "properties": {
        "left": {
          "type": {
            "numeric": true
          }
        },
        "right": {
          "type": {
            "numeric": true
          }
        },
        "top": {
          "type": {
            "numeric": true
          }
        },
        "bottom": {
          "type": {
            "numeric": true
          }
        }
      }
    }
  }
}

Μορφοποίηση κλάσης μοντέλου

Εισαγάγετε το ακόλουθο τμήμα κώδικα στο αρχείο ρυθμίσεων.

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

class LabelsCardSetting extends formattingSettings.SimpleCard {
    name: string = "labels"; // same as capabilities object name
    displayName: string = "Labels";

    public left : formattingSettings.NumUpDown = new formattingSettings.NumUpDown({
        name: "left", // same as capabilities property name
        displayName: "Left",
        value: 50
    });

    public right : formattingSettings.NumUpDown = new formattingSettings.NumUpDown({
        name: "right", // same as capabilities property name
        displayName: "Right",
        value: 50
    });

    public top : formattingSettings.NumUpDown = new formattingSettings.NumUpDown({
        name: "top", // same as capabilities property name
        displayName: "Top",
        value: 50
    });

    public bottom : formattingSettings.NumUpDown = new formattingSettings.NumUpDown({
        name: "bottom", // same as capabilities property name
        displayName: "Bottom",
        value: 50
    });

    public marginPadding: formattingSettings.MarginPadding = new formattingSettings.MarginPadding({
        name: "margin", // must be unique within the same object
        displayName: "Margin",
        left: this.left,
        right: this.right,
        top: this.top,
        bottom: this.bottom
    });

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

export class VisualSettings extends formattingSettings.Model {
    public labels: LabelsCardSetting = new LabelsCardSetting();
    public cards: formattingSettings.SimpleCard[] = [this.labels];
}

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

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