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.

Nota

Para adicionar digitações à sua biblioteca JavaScript e obter segurança do Intellisense e do tempo de compilação, certifique-se de instalar o pacote apropriado.

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 .

   PowerShell

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

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

   TypeScript

   import * as d3 from "d3";
   

Estrutura CSS

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

Instalando o bootstrap

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

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

1. Instale o pacote de bootstrap .

   PowerShell

   npm install bootstrap --save
   

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

   less

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

Conteúdos relacionados

Configurar seu ambiente para desenvolver um visual do Power BI