topic Re: Save visual from Page.GetVisuals as image in Developer

Save visual from Page.GetVisuals as image

Anonymous — Tue, 05 Jun 2018 18:06:10 GMT

I am using the PowerBI JS API to get reports and visuals. So far using the function below gives the title of the visuals and the visuals in svg tags.

report.getPages() .then(function (pages) {

// Retrieve first page.

var firstPage = pages[0];

firstPage.getVisuals()

.then(function (visuals) {

console.log(visuals); }) })

I want to download each visual as an image and save them to my PC.

Any one has a solution?

I've tried many methods without success

Re: Save visual from Page.GetVisuals as image

v-jiascu-msft — Thu, 07 Jun 2018 09:28:04 GMT

Hi @Anonymous,

This function just gives us a text list of all the visuals. Since the visuals aren't ordinary images, the workaround I can think of could be loading these viusals one by one and print them out. Please refer to

1. using-html5-canvas-javascript-to-take-in-browser-screenshots/

2. https://stackoverflow.com/questions/9616426/javascript-print-iframe-contents-only/9616706

Best Regards,

Dale

Re: Save visual from Page.GetVisuals as image

jorge-gt3 — Mon, 06 Aug 2018 10:16:56 GMT

@Anonymous, where you able to this? I need the same functionality, which is fairly simple if we could get the visual's HTML code.

@v-jiascu-msft those are not feasible workarounds given that cross-domain iFame access is not permitted. But we could use the postMessage Communication Flow if there was an event that would return the HTML code of the visual instead of the current JSON response.

Re: Save visual from Page.GetVisuals as image

Anonymous — Mon, 27 Aug 2018 19:18:51 GMT

no I wasn't able to do it.