Κοινή χρήση μέσω


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

NumUpDown είναι ένας απλός αναλυτής μορφοποίησης που χρησιμοποιείται για την αναπαράσταση αριθμητικών και των τύπων αντικειμένων ακέραιων από capabilities.json αρχείο.

Στιγμιότυπο οθόνης του αναλυτή NumUpDown.

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

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

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

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

{
  // ... same level as dataRoles and dataViewMappings
  "objects": {
    "labels": {
      "properties": {
        "max": {
          "type": {
            "integer": 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 maxValue : formattingSettings.NumUpDown = new formattingSettings.NumUpDown({
        name: "max", // same as capabilities property name
        displayName: "Max value",
        value: 50
    });
    
    public slices: formattingSettings.Slice[] = [ this.maxValue ];
}

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

Επικυρώσεις (προαιρετικό)

Μπορείτε να επικυρώσετε NumUpDown δεδομένα εισόδου αναλυτή, καθορίζοντας επιλογές ιδιότητα, όπως στο παράδειγμα:

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

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

    public maxValue : formattingSettings.NumUpDown = new formattingSettings.NumUpDown({
        name: "max", // same as capabilities property name
        displayName: "Max value",
        value: 50, // default slice value
        options: // optional input value validator 
        { 
            maxValue: {
                type: powerbi.visuals.ValidatorType.Max,
                value: 80
            },
            minValue: {
                type: powerbi.visuals.ValidatorType.Min,
                value: 30
            }
        }
    });
    
    public slices: formattingSettings.Slice[] = [ this.maxValue ];
}

Εμφανίζεται ένα προειδοποιητικό μήνυμα εάν η τιμή που διαβιβάστηκε είναι εκτός της αποδεκτής περιοχής.

Στιγμιότυπο οθόνης της επικύρωσης NumUpDown.

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