Custom Visual in PowerBi Javascript

[jugurtha]

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.

[Anonymous · Accepted solution]

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