topic Re: Customizing existing Power BI Visual from Source Code in Developer

Customizing existing Power BI Visual from Source Code

Anonymous — Mon, 24 Aug 2020 14:30:44 GMT

Hi Folks

Like the title says I want to edit an existing Power BI Visual.

I came across this Visual: GanttChart (which provides it's resource code).

But I am not able to launch it in the pbiviz environment.

I created a new pbiviz project, replaced all necessary files with the files of the source code, and wanted to start it with pbiviz start, but I only get errors.

I even imported the api from the source code and replaced the package.json and the pbiviz.json with the code of the source code, but nothing is happening. I only get error with the API, which needs apparently a loader and that the api does not exist.

What am I doing wrong. What approach should I take?

Thanks in advance for your help.

Re: Customizing existing Power BI Visual from Source Code

lbendlin — Mon, 24 Aug 2020 19:13:55 GMT

Sounds like you didn't install the custom visuals SDK files on your development PC.

https://powerbi.microsoft.com/en-us/developers/custom-visualization/

Re: Customizing existing Power BI Visual from Source Code

dm-p — Tue, 25 Aug 2020 05:47:59 GMT

Hi @Anonymous,

Looks like Gantt hasn't been updated to the new SDK, so you will need to either (in order of how you can get into it):

Downgrade your tools to a lower version and attempt to build it
Migrate the code-base across to v3 of the SDK (if that's the version you have installed)
Wait for MAQ Software to migrate it...

Because MAQ Software (originally said MS, sorry!), you should contact them for support, but if you want to downgrade your tools, you can try this approach through the following process (although it's not guaranteed to work):

Install the latest v2 SDK in your console using npm i powerbi-visuals-tools@2.3
Run pbiviz --create-cert
Run pbiviz --install-cert (the cert process is 2-steps on versions prior to 3, and the cert also needs to be re-generated for any time the SDK is re-imported through npm or yarn)

Run npm i from the root of the project to ensure local packages are installed, and then pbiviz start should serve the visual for debugging in the usual way.

Regards,

Daniel

Re: Customizing existing Power BI Visual from Source Code

Anonymous — Wed, 26 Aug 2020 10:01:00 GMT

Hi @dm-p ,

Thank you very much for the help. it solved the problem. Now I can compile the whole project.

But in addition to this, another problem emerged.

Now on the PowerBI Page, if I launch the custom visual and the corresponding fields, nothing happens. It stay white. No Visual nothing.

But if I use the visual (without the dev). It works fine.

What could be the problem here?

Thanks in advance