cancel
Showing results for 
Search instead for 
Did you mean: 

Fabric is Generally Available. Browse Fabric Presentations. Work towards your Fabric certification with the Cloud Skills Challenge.

Reply
alanwales
New Member

Custom Visual Filtering

I have created a custom visual based on a table of data e.g.

 

Test Id | Name

1 | Task 1

1 | Task 2

2 | Task 1

2 | Task 2

 

However when I filter in the report view e.g. Test Id = 1 I cannot find a way to get my code to adapt. It always shows the full list.

 

my code looks something like this (called from update method)

 

public static converter(dataView: DataView😞 TestRunViewModel {

var table = dataView.table;

for (var t = 0; t < table.rows.length; t++) {

var cell = table.rows[t];

 // table rows are not filtered

}

}

 

2 REPLIES 2
alanwales
New Member

Anyone have any knowledge of how the custom visuals can be filtered in ts code...?

I managed to find the issue, the child nodes had to be cleared on update e.g.

 

private elementRoot: HTMLElement;

 

        public init(options: VisualInitOptions): void {
   this.elementRoot = options.element.get(0);
        }

 

public update(options: VisualUpdateOptions) {

   while (this.elementRoot.firstChild) {
    this.elementRoot.removeChild(this.elementRoot.firstChild);
   }

... etc

 }

 

Adding calls to console.info helped to track down that the data update was not the issue

Helpful resources

Announcements
PBI November 2023 Update Carousel

Power BI Monthly Update - November 2023

Check out the November 2023 Power BI update to learn about new features.

Community News

Fabric Community News unified experience

Read the latest Fabric Community announcements, including updates on Power BI, Synapse, Data Factory and Data Activator.

Power BI Fabric Summit Carousel

The largest Power BI and Fabric virtual conference

130+ sessions, 130+ speakers, Product managers, MVPs, and experts. All about Power BI and Fabric. Attend online or watch the recordings.