microsoftmicrosoft
182

Powerbi Client Vue Js

screenshot of Powerbi Client Vue Js

Power BI Vue.js component. This library lets you embed Power BI report, dashboard, dashboard tile, report visual, or Q&A in your Vue.js application.

Github

Overview

The powerbi-client-vue-js is a Vue component library that allows users to embed Power BI reports, dashboards, tiles, report visuals, Q&A, and paginated reports in their Vue applications. It provides an easy way to integrate Power BI functionality into a Vue application.

Features

  • Embed Power BI: Embed Power BI artifacts by passing the appropriate component and providing the necessary configuration parameters such as type, embedUrl, and accessToken in the embedConfig property.
  • Apply Style Class: Customize the appearance of the embed container div by passing the name(s) of style classes to the cssClassName property.
  • Set Event Handlers: Define event handlers for specific events by passing a map object of event name and event handler functions to the eventHandlers prop. Supported events include "DataSelected" and more.
  • Reset Event Handlers: Reset event handlers for specific events by setting the event handler's value as null in the eventHandlers map of properties.
  • Bootstrap Power BI: Bootstrap Power BI entities by passing the embedConfig property without an accessToken. Available entity types include "report", "dashboard", "tile", "visual", and "qna".
  • Using with PowerBI Report Authoring: Install and use the powerbi-report-authoring npm dependency to utilize the report authoring APIs using the embedded report's instance.
  • Phased Embedding: Enable phased embedding for report types by setting the phasedEmbedding property to true, as described in the Phased embedding article.

Summary

The powerbi-client-vue-js library provides Vue developers with the ability to embed and interact with Power BI reports, dashboards, tiles, visualizations, Q&A, and paginated reports within their Vue applications. It offers a range of features, including easy embedding of Power BI artifacts, customization options, event handling, and support for report authoring. With its simple installation process and comprehensive documentation, this library is a valuable tool for Vue developers looking to integrate Power BI functionality into their applications.