Forum Discussion

tonyymh's avatar
tonyymh
Regular Visitor
8 years ago

Power BI Javascript performance issue when embedding multiple visuals from same report

I am using Power BI Javascript library to embed 10+ visuals from one report (but different tabs) to my web application. Although it works fine, it seems to take a long time to load all visuals. I understand that's 10+ iframes loading the same report 10+ times.

 

Is there anyway to reduce the load time, considering it is the same report? I tried the Phased Loading API, but it didn't help much. Or maybe I just didn't use it correctly and appreicate any sample codes.

 

Thanks in advance for any advice. 

Need Help

2 Replies

  • v-micsh-msft's avatar
    v-micsh-msft
    Microsoft Employee
    8 years ago

    Could you please explain a bit for why it need to embed multiple visuals seperately?

     

    You should be able to load the whole report by hiding the un-wanted Visuals in one iframe.

    Check the Embed config-> Custom Layout for how to configure the Visual property:

    Custom Layout

    Custom Layouts in Power BI Embedded

     

    Regards,

    Michael

     

    • tonyymh's avatar
      tonyymh
      Regular Visitor
      8 years ago

      Thanks for you reply, Michael.

       

      I am developing an interface for users to comment on each visual. Below screenshot is an example. You don't see it here, but at the top of the page are a few custom drop downs that allow users to dynamically apply a few common filters to all visuals, using Power BI JavaScript. So basically I want to be able to put each visual into separate DOM element.

       

      I also tried embedding tiles instead of visuals, but we can't apply multiple filters on tiles programmatically. Also the performance of embedding 10+ tiles isn't great either.