FontPicker-Formatierungsslice
FontPicker- ist ein einfacher Formatierungsslice, der verwendet wird, um den fontFamily--Objekttyp aus der capabilities.json
-Datei zu repräsentieren.
Beispiel: FontPicker-Implementierung
In diesem Beispiel wird gezeigt, wie Sie ein FontPicker- Slice mithilfe von Formatmodell-Utils erstellen.
Capabilities-Objekt
Fügen Sie das folgende JSON-Fragment in die datei capabilities.json
ein.
{
// ... same level as dataRoles and dataViewMappings
"objects": {
"labels": {
"properties": {
"fontFamily": {
"type": {
"formatting": {
"fontFamily": true
}
}
}
}
}
}
}
Formatierungsmodell-Klasse
Fügen Sie das folgende Codefragment in die Einstellungsdatei ein.
import { formattingSettings } from "powerbi-visuals-utils-formattingmodel";
class LabelsCardSetting extends formattingSettings.SimpleCard {
name: string = "labels"; // same as capabilities object name
displayName: string = "Labels";
public fontFamily: formattingSettings.FontPicker = new formattingSettings.FontPicker({
name: "fontFamily", // same as capabilities property name
displayName: "Font family",
value: "Arial, sans-serif"
});
public slices: formattingSettings.Slice[] = [ this.fontFamily ];
}
export class VisualSettings extends formattingSettings.Model {
public labels: LabelsCardSetting = new LabelsCardSetting();
public cards: formattingSettings.SimpleCard[] = [this.labels];
}