Forum Discussion

IanControlF1's avatar
IanControlF1
Regular Visitor
8 years ago
Solved

using powerbi-client with react

Hi Im new to Power BI and this forum but I am struggling to embed a report onto a web page using react js.   I have npm installed the library  npm install --save powerbi-client included the libr...
  • IanControlF1's avatar
    IanControlF1
    8 years ago

    I am replying to myself as I think I have got closer and it might help others looking at this. 

     

    Eric_Zhang I looked at the Angular example yesterday and kinda reverse engineered in our example.

     

    The problem was that I was trying to call an abstract which was wrong

     

     

    pbi.Embed(/* Service */, /*Html Element */ ,config)

     

     

    In the end I did the following:

     

    New up the powerBi Service:

    let powerbi = new pbi.service.Service(pbi.factories.hpmFactory, pbi.factories.wpmpFactory, pbi.factories.routerFactory);

    and call it passing in the config

     

    // Embed the report and display it within the div container.
    var reportContainer = document.getElementById('reportContainer');
    var report = powerbi.embed(reportContainer, config);