Iringan pemformatan AlignmentGroup

AlignmentGroup adalah iringan pemformatan sederhana yang digunakan untuk mewakili perataan jenis objek dari file capabilities.json.

Contoh: Implementasi AlignmentGroup

Dalam contoh ini, kami menunjukkan cara membuat irisan AlignmentGroup menggunakan utilitas model pemformatan.

Objek kemampuan

Sisipkan fragmen JSON berikut ke dalam file capabilities.json.

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

Kelas model pemformatan

Tab berikut menunjukkan contoh irisan AlignmentGroup yang sama dalam dua mode yang tersedia.

Cuplikan layar AlignmentGroup dalam mode Horizontal.

Sisipkan fragmen kode berikut ke dalam file pengaturan.

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

Konten terkait

  • Last updated on