Adicionar bibliotecas externasAdding external libraries

Este artigo descreve como usar bibliotecas externas em visuais do Power BI.This article describes how to use external libraries in Power BI visuals. Ele inclui informações sobre como instalar, importar e chamar bibliotecas externas, no código do visual do Power BI.It includes information about installing, importing, and calling external libraries from the Power BI visual's code.

Bibliotecas JavaScriptJavaScript libraries

  1. Instale uma biblioteca JavaScript externa usando um gerenciador de pacotes, como npm ou yarn.Install an external JavaScript library by using any package manager such as npm or yarn.
  2. Importe os módulos necessários para os arquivos de origem usando a biblioteca externa.Import the required modules into the source files using the external library.

Observação

Instale o pacote apropriado para adicionar digitações à biblioteca JavaScript, e obter IntelliSense e segurança para tempo de compilação.If you'd like to add typings to your JavaScript library, and get intellisense and compile-time safety, make sure that you install the appropriate package.

Como instalar a biblioteca d3Installing the d3 library

Veja um exemplo de como instalar a biblioteca d3 e o pacote @types/d3, usando npm.This is an example of installing the d3 library and the @types/d3 package, using npm.

Para obter um exemplo completo, veja o código de Visualizações do Power BI.For a full example, see the Power BI visualizations code.

  1. Instale o pacote do d3 e o pacote de tipos do d3.Install the d3 package and the d3 types package.

    npm install d3@5 --save
    npm install @types/d3@5 --save
    
  2. Importe a biblioteca do d3 nos arquivos que a usam, como visual.ts.Import the d3 library in the files that use it, such as visual.ts.

    import * as d3 from "d3";
    

Estrutura de CSSCSS framework

  1. Instale uma estrutura de CSS externa usando um gerenciador de pacotes, como npm ou yarn.Install an external CSS framework by using any package manager such as npm or yarn.
  2. No arquivo .less do visual, inclua a instrução import.In the .less file of the visual, include the import statement.

Como instalar o BootstrapInstalling bootstrap

Veja um exemplo de como instalar o Bootstrap usando o npm.This is an example of installing bootstrap using npm.

Para obter um exemplo completo, veja o código de Visualizações do Power BI.For a full example, see the Power BI visualizations code.

  1. Instale o pacote do Bootstrap.Install the bootstrap package.

    npm install bootstrap --save
    
  2. Inclua a instrução import no visual.less.Include the import statement in visual.less.

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