Como adicionar bibliotecas externas

Este artigo descreve como usar bibliotecas externas em visuais do Power BI. Este artigo também descreve como instalar, importar e chamar bibliotecas externas a partir do código de um visual do Power BI.

Bibliotecas JavaScript

1. Instale uma biblioteca JavaScript externa usando um gerenciador de pacotes, como npm ou yarn.
2. Importe os módulos necessários para os arquivos de origem usando a biblioteca externa.

Instalando a biblioteca D3

Esta seção fornece um exemplo de instalação da biblioteca D3 e do pacote @types/d3 usando npm no código de um visual do Power BI.

Para obter um exemplo completo, consulte o código de visualizações do Power BI.

1. Instale o pacote d3 e o pacote @types/d3 .

   npm install d3@5 --save
   npm install @types/d3@5 --save
   

2. Importe a biblioteca d3 nos arquivos que a usam, como visual.ts.

   import * as d3 from "d3";
   

Estrutura CSS

1. Instale uma estrutura CSS externa usando qualquer gerenciador de pacotes, como npm ou yarn.
2. No ficheiro .less do visual, inclua a import declaração.

Instalando o bootstrap

Esta seção fornece um exemplo de instalação do bootstrap usando npm.

Para obter um exemplo completo, veja o código das visualizações do Power BI.

1. Instale o pacote de bootstrap .

   npm install bootstrap --save
   

2. Inclua a import instrução em visual.less.

   @import (less) "node_modules/bootstrap/dist/css/bootstrap.css";
   

Conteúdos relacionados

Configurar seu ambiente para desenvolver um visual do Power BI