Procedimientos para agregar bibliotecas externas

En este artículo se describe cómo usar bibliotecas externas en objetos visuales de Power BI. En este artículo también se describe cómo instalar e importar bibliotecas externas desde el código de un objeto visual de Power BI y cómo llamarlas.

Bibliotecas de JavaScript

1. Instale una biblioteca de JavaScript externa con un administrador de paquetes, como npm o yarn.
2. Importe los módulos necesarios en los archivos de origen mediante la biblioteca externa.

Nota

Para agregar tipos a tu biblioteca de JavaScript y obtener IntelliSense y seguridad durante la compilación, asegúrate de instalar el paquete adecuado.

Instalación de la biblioteca D3

En esta sección se proporciona un ejemplo de instalación de la biblioteca D3 y el paquete @types/d3 mediante npm en el código de un objeto visual de Power BI.

Para ver un ejemplo completo, consulte el código de visualizaciones de Power BI.

1. Instale los paquetes d3 y @types/d3.

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

2. Importe la biblioteca d3 en los archivos que la usan, como visual.tx.

   import * as d3 from "d3";
   

Marco de CSS

1. Instale un marco de CSS externo con cualquier administrador de paquetes, como npm o yarn.
2. En el archivo .less del objeto visual, incluya la instrucción import.

Instalación de bootstrap

En esta sección se proporciona un ejemplo de instalación de bootstrap mediante npm.

Para ver un ejemplo completo, consulte el código de visualizaciones de Power BI.

1. Instale el paquete bootstrap.

   npm install bootstrap --save
   

2. Incluya la instrucción import en visual.less.

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

Contenido relacionado

Configuración del entorno para el desarrollo de un objeto visual de Power BI