O componente para incorporar o conteúdo do Power BI em aplicativos Vue.js está disponível. Para saber como usá-lo corretamente leia nosso artigo na íntegra e entenda a importância dessa atualização.
Vue.js é uma estrutura JavaScript cada vez mais popular para a construção de interfaces do usuário front-end e sites. E esse novo componente para Vue.js possibilita incorporar conteúdo do Power BI no Vue de maneira simples, permitindo que você aproveite ao máximo a atualização para apresentar análises aos seus usuários onde quer que estejam de maneira rápida e fácil.
O novo componente para o Vue.js suporta a incorporação de relatórios, painel, perguntas e respostas e muito mais, e agora está disponível publicamente no npm e no GitHub.
O componente Vue permite que você incorpore conteúdo do Power BI e configure como ele interage com seu aplicativo. O código abaixo demonstra a incorporação de um relatório com vários manipuladores de eventos definidos.
Importando a biblioteca:
import { PowerBIReportEmbed} from 'powerbi-client-vue-js';
Incorporando um relatório do Power BI para uma aplicação Web Vue:
<PowerBIReportEmbed
:embedConfig = {{
type: "report",
id: "<Report Id>",
embedUrl: "<Embed Url>",
accessToken: "<Access Token>",
tokenType: models.TokenType.Embed,
settings: {
panes: {
filters: {
expanded: false,
visible: false
}
},
background: models.BackgroundType.Transparent,
}
}}
:cssClassName = { "reportClass" }
:phasedEmbedding = { false }
:eventHandlers = {
new Map([
['loaded', () => console.log('Report loaded');],
['rendered', () => console.log('Report rendered');],
['error', (event) => console.log(event.detail);]
])
}
>
</PowerBIReportEmbed>
Para ver o componente em ação, você também pode conferir o aplicativo de demonstração aqui. Este aplicativo demonstra o fluxo completo de incorporação e atualização de um relatório do Power BI usando o componente PowerBIReportEmbed e permitindo que os usuários editem o relatório usando a biblioteca de criação de relatórios do Power BI.
Além do novo componente Vue, os componentes existentes também estão disponíveis para incorporar conteúdo do Power BI nos aplicativos React e Angular.
Algumas amostras de ponta a ponta também estão disponíveis em 5 estruturas diferentes, incluindo .NET, Java e muito mais.
Esses componentes e amostras economizam tempo e esforço na incorporação de análises em seu aplicativo, permitindo que você se concentre mais em seus aplicativos principais e use seus recursos quando necessário, ao mesmo tempo em que fornece análises atraentes para seus usuários finais.
Quer conhecer mais sobre o Power BI e outras soluções tecnológicas? Então nos acompanhe em nossas redes sociais e aqui no Blog DataEX pois, toda sexta-feira, nosso time posta um artigo especial sobre o tema.
Fique de olho.
Monte dashboards com as informações pontuais sobre seu negócio.
Tenha em uma única tela todos os dados essenciais para que seu setor trabalhe com mais eficácia e agilidade. Conte com um time especialista em BI para dar start nesse projeto.
Para conhecer essa e outras soluções preencha o formulário abaixo. Entraremos em contato.
