Partager via

Tranche de mise en forme AlignmentGroup

  • Article

La tranche AlignmentGroup est une tranche de mise en forme simple utilisée pour représenter le type d’objet alignement du fichier capabilities.json.

Exemple : implémentation AlignmentGroup

Dans cet exemple, nous montrons comment générer une tranche AlignmentGroup à l’aide des utilitaires du modèle de mise en forme.

Objet de fonctionnalités

Insérez le fragment JSON suivant dans le fichier capabilities.json.

{
  // ... same level as dataRoles and dataViewMappings
  "objects": {
    "labels": {
      "properties": {
        "alignment": {
          "type": {
            "formatting": {
              "alignment": true
            }
          }
        }
      }
    }
  }
}

Mise en forme de la classe de modèle

Les onglets suivants montrent des exemples de la même tranche AlignmentGroup en deux modes disponibles.

Capture d'écran d'un Groupe d'Alignement en Mode horizontal.

Insérez le fragment de code suivant dans le fichier de paramètres.

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

class LabelsCardSetting extends formattingSettings.SimpleCard {
    name: string = "labels"; // same as capabilities object name
    displayName: string = "Labels";
 
    public labelsAlignment: formattingSettings.AlignmentGroup = new formattingSettings.AlignmentGroup({
        name: "alignment", // same as capabilities property name
        displayName: "Alignment",
        value: "center", // available values - "center", "left" or "right"
        mode: powerbi.visuals.AlignmentGroupMode.Horizonal
    });

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

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

Contenu connexe