Forum Discussion

rnehrboss's avatar
rnehrboss
Helper II
3 years ago
Solved

Trouble embedding a visual

I'm having trouble using the javascript library to embed a visual.

 

I've successfully embedded whole dashboards with this code:

____________________________________________

var embedConfiguration= {
type: 'report',
tokenType: models.TokenType.Embed,
id: "XXXXXXXXXXXXXXXXXXXXX", // the report ID
pageView: "fitToWidth",
embedUrl: "https://app.powerbi.com/reportEmbed?reportId=XXXXXXXXXXXXXXXXXXXXX",
accessToken: "XXXXXXXXXXXXXXXXXXXXX",
permissions: models.Permissions.All,
viewMode: models.ViewMode.Edit,
//pageName: 'ReportSectionb2cb0b41ed7bcb4c2062',
// pageName = 'ReportSectione8ca3274720a027d512c',
//type: 'visual',
//visualName: '502c9649ae1f8fbe7f07'
};

var $reportContainer = $('#reportContainer');

var report = powerbi.embed($reportContainer.get(0), config);

__________________________________________________________

 

The report works great, but if I change the type to "visual" by and uncomment the page name and visual name, I can never get a single visual to work.

 

Anyone know what I might be missing?

 

Thanks!

 

Need Help
  • Anonymous's avatar
    Anonymous
    3 years ago

    Hi rnehrboss ，

     

    I suggest you to try this code to embed a report visual.

    interface IVisualLoadConfiguration {
    accessToken?: string;
    embedUrl?: string;
    id?: string;
    pageName: string;
    tokenType?: models.TokenType;
    type: string;
    visualName: string;
}

    For more details, you may refer to this offical blog.

     

    Best Regards,
    Rico Zhou

     

    If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

     

     

2 Replies

  • Anonymous's avatar
    Anonymous
    Not applicable
    3 years ago

    Hi rnehrboss ，

     

    I suggest you to try this code to embed a report visual.

    interface IVisualLoadConfiguration {
    accessToken?: string;
    embedUrl?: string;
    id?: string;
    pageName: string;
    tokenType?: models.TokenType;
    type: string;
    visualName: string;
}

    For more details, you may refer to this offical blog.

     

    Best Regards,
    Rico Zhou

     

    If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.