Forum Discussion
Custom Visual in PowerBi Javascript
Hi all,
I'm working on custom visual of PowerBi Javascript and i have a problem in this part of the code below:
I don't know where i can find the "visualContainer", i try with the title of my visual but it's not working.
Than you.
Hi jugurtha
It is a little bit frustrating, but you can get the Visual ID by opening up the pbix file.Start by making a copy of your PBIX report file
Then rename the pbix file extension to .zip (pbix files are simply zip archives)
You can then browse the contents - open up the 'reports' folder inside - and look for a file called 'Layout'You can then open this file in notepad - or another text editor...
The file contains JSON data defining your report contents and layout.
If we take the contents of the file and view it in a JSON viewer - we can see the structure.The report is split into the its report pages (Sections) - and each visual is then found under the 'Visiual Containers' array - in my example here, I only have a single visual.
The Config property in this first (and only) entry - shows the internal name of your visual. => 4babf0e10a7c5d8b6819
If you look at the remaining contents you will find the visual title - this will help you identify which visual is which.Note: I think you will also need to supply the internal name for the report sections (ReportSection1) as shown in the JSON you posted.
An alternative Option for discovering the ID's:
If you are already embedding your report - you can use the GetVisuals function to get all visuals in a page.
https://github.com/Microsoft/PowerBI-JavaScript/wiki/Get-Visuals
The response from this method call will include the internal name/ID of each visual.
Hope this helps.
Cheers, Matt
1 Reply
Hi jugurtha
It is a little bit frustrating, but you can get the Visual ID by opening up the pbix file.Start by making a copy of your PBIX report file
Then rename the pbix file extension to .zip (pbix files are simply zip archives)
You can then browse the contents - open up the 'reports' folder inside - and look for a file called 'Layout'You can then open this file in notepad - or another text editor...
The file contains JSON data defining your report contents and layout.
If we take the contents of the file and view it in a JSON viewer - we can see the structure.The report is split into the its report pages (Sections) - and each visual is then found under the 'Visiual Containers' array - in my example here, I only have a single visual.
The Config property in this first (and only) entry - shows the internal name of your visual. => 4babf0e10a7c5d8b6819
If you look at the remaining contents you will find the visual title - this will help you identify which visual is which.Note: I think you will also need to supply the internal name for the report sections (ReportSection1) as shown in the JSON you posted.
An alternative Option for discovering the ID's:
If you are already embedding your report - you can use the GetVisuals function to get all visuals in a page.
https://github.com/Microsoft/PowerBI-JavaScript/wiki/Get-Visuals
The response from this method call will include the internal name/ID of each visual.
Hope this helps.
Cheers, Matt