AlignmentGroupcapabilities.json 파일의 맞춤 개체 형식을 나타내는 데 사용되는 간단한 서식 조각입니다.
예: AlignmentGroup 구현
이 예제에서는 포맷팅 모델 유틸리티를 사용하여 AlignmentGroup 슬라이스를 구축하는 방법을 보여줍니다.
기능 개체
capabilities.json 파일에 다음 JSON 조각을 삽입합니다.
{
// ... same level as dataRoles and dataViewMappings
"objects": {
"labels": {
"properties": {
"alignment": {
"type": {
"formatting": {
"alignment": true
}
}
}
}
}
}
}
모델 클래스 서식 지정
다음 탭에서는 두 가지 사용 가능한 모드에서 동일한 AlignmentGroup 조각의 예를 보여 줍니다.
설정 파일에 다음 코드 조각을 삽입합니다.
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];
}
