ドロップダウン スライスは、capabilities.json
ファイルのオブジェクト型 列挙 表すために使用される単純な書式設定スライスです。
ItemDropdown と AutoDropdownの 2 つのドロップダウン スライスがあります。
違いは、AutoDropdown スライスの場合は、capabilities.json
ファイル内の適切なオブジェクトの下で列挙項目リストを宣言し、書式設定クラスの ItemDropdown スライスに対して宣言する必要があるということです。
例: ドロップダウンの実装
この例では、書式設定モデルユーティリティを使用してドロップダウン スライスを作成する方法を示します。 次のタブは、ItemDropdown および AutoDropdown スライスの例を示しています。
Capabilities オブジェクト
次の JSON フラグメントを capabilities.json
ファイルに挿入します。
{
// ... same level as dataRoles and dataViewMappings
"objects": {
"labels": {
"properties": {
"option": {
"type": {
"enumeration": []
}
},
}
}
}
}
モデル クラスの書式設定
設定ファイルに次のコード フラグメントを挿入します。
import powerbi from "powerbi-visuals-api";
import { formattingSettings } from "powerbi-visuals-utils-formattingmodel";
const positionOptions : powerbi.IEnumMember[] = [
{value : "top", displayName : "Top"},
{value : "bottom", displayName : "Bottom"},
{value : "left", displayName : "Left"},
{value : "right", displayName : "Right"}
];
class LabelsCardSetting extends formattingSettings.SimpleCard {
name: string = "labels"; // same as capabilities object name
displayName: string = "Labels";
public option: formattingSettings.ItemDropdown = new formattingSettings.ItemDropdown({
name: "option", // same as capabilities property name
displayName: "Option",
items: positionOptions,
value: positionOptions[0]
});
public slices: formattingSettings.Slice[] = [ this.option ];
}
export class VisualSettings extends formattingSettings.Model {
public labels: LabelsCardSetting = new LabelsCardSetting();
public cards: formattingSettings.SimpleCard[] = [this.labels];
}