Power BI is turning 10! Tune in for a special live episode on July 24 with behind-the-scenes stories, product evolution highlights, and a sneak peek at what’s in store for the future.
Save the dateEnhance your career with this limited time 50% discount on Fabric and Power BI exams. Ends August 31st. Request your voucher.
I have developed a simple custom visual following the documentation available. I have created few format options in the capabilities.ts file and have assigned values to them in visual.ts using variables. I want to know how to get the "Revert to default" button to work which is present in the format pane. Note: I haven't used settings.ts. Here is the sample of my code.
Capabilities.ts
----------------
"objects": {
"kpiName": {
"displayName": "KPI Name",
"properties": {
"name": {
"displayName": "Name",
"type":{ "text": true}
},
"color": {
"displayName": "Color",
"type": {
"fill": {
"solid": {
"color": true
}
}
}
},
"fontSize":{
"displayName": "Font size",
"type": {"formatting": {"fontSize": true}}
}
}
}
}
Visual.ts:
---------
module powerbi.extensibility.visual {
"use strict";
export class Visual implements IVisual {
private kpiName: string;
private kpiColor: string;
private kpiTextSize: string;
private kpiFont: string;
constructor(options: VisualConstructorOptions) {
this.kpiName = "KPI Name";
this.kpiColor = "#444444";
this.kpiTextSize = "20";
}
public update(options: VisualUpdateOptions) {
if (options.dataViews[0].metadata.objects)
{
if (options.dataViews[0].metadata.objects["kpiName"] && options.dataViews[0].metadata.objects["kpiName"]["name"]) {this.kpiName = options.dataViews[0].metadata.objects["kpiName"]["name"].toString();}
if (options.dataViews[0].metadata.objects["kpiName"] && options.dataViews[0].metadata.objects["kpiName"]["color"]) {this.kpiColor = options.dataViews[0].metadata.objects["kpiName"]["color"]["solid"]["color"].toString();}
if (options.dataViews[0].metadata.objects["kpiName"] && options.dataViews[0].metadata.objects["kpiName"]["fontSize"]) {this.kpiTextSize = options.dataViews[0].metadata.objects["kpiName"]["fontSize"].toString();}
}
}
public enumerateObjectInstances(options: EnumerateVisualObjectInstancesOptions): VisualObjectInstanceEnumeration {
let objectName = options.objectName;
let objectEnumeration: VisualObjectInstance[] = [];
switch (objectName) {
case 'kpiName':
objectEnumeration.push({
objectName: objectName,
properties: {
name: this.kpiName,
color: this.kpiColor,
fontSize: this.kpiTextSize,
},
selector: null
});
break;
};
return objectEnumeration;
}
Solved! Go to Solution.
You use single variable to keep the default value and current value.
That means, you should move default values to new variables and use them if and only if the property is undefined in metadata.
this.kpiName = options.dataViews[0].metadata.objects["kpiName"] && options.dataViews[0].metadata.objects["kpiName"]["name"] ? this.kpiName = options.dataViews[0].metadata.objects["kpiName"]["name"].toString() : "KPI Name";
Ignat Vilesov,
Software Engineer
Microsoft Power BI Custom Visuals
You use single variable to keep the default value and current value.
That means, you should move default values to new variables and use them if and only if the property is undefined in metadata.
this.kpiName = options.dataViews[0].metadata.objects["kpiName"] && options.dataViews[0].metadata.objects["kpiName"]["name"] ? this.kpiName = options.dataViews[0].metadata.objects["kpiName"]["name"].toString() : "KPI Name";
Ignat Vilesov,
Software Engineer
Microsoft Power BI Custom Visuals
User | Count |
---|---|
5 | |
4 | |
4 | |
2 | |
2 |
User | Count |
---|---|
8 | |
6 | |
4 | |
4 | |
4 |