Custom Visual in PowerBi Javascript

jugurtha — Fri, 07 Aug 2020 14:16:56 GMT

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.

Re: Custom Visual in PowerBi Javascript

Anonymous — Fri, 07 Aug 2020 16:02:23 GMT

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

topic Re: Custom Visual in PowerBi Javascript in Developer

Custom Visual in PowerBi Javascript

Re: Custom Visual in PowerBi Javascript