Guide pratique pour ajouter des bibliothèques externes

Cet article décrit comment utiliser des bibliothèques externes dans les visuels Power BI. Cet article explique également comment installer, importer et appeler des bibliothèques externes à partir du code d’un visuel Power BI.

Bibliothèques JavaScript

1. Installez une bibliothèque JavaScript externe à l’aide d’un gestionnaire de package, par exemple npm ou yarn.
2. Importez les modules requis dans les fichiers sources à l’aide de la bibliothèque externe.

Installation de la bibliothèque D3

Cette section fournit un exemple d’installation de la bibliothèque D3 et du package @types/d3 à l’aide de npm dans le code d’un visuel Power BI.

Pour obtenir un exemple complet, consultez le code des visualisations Power BI.

1. Installez le package d3 et le package @types/d3.

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

2. Importez la bibliothèque d3 dans les fichiers qui l’utilisent, par exemple visual.ts.

   import * as d3 from "d3";
   

Cadre CSS

1. Installez un framework CSS externe à l’aide de n’importe quel gestionnaire de package, par exemple npm ou yarn.
2. Dans le fichier .less du visuel, incluez l’instruction import.

Installation de bootstrap

Cette section fournit un exemple d’installation de bootstrap à l’aide de npm.

Pour obtenir un exemple complet, consultez le code des visualisations Power BI.

1. Installez le package bootstrap.

   npm install bootstrap --save
   

2. Incluez l’instruction import dans visual.less.

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

Contenu connexe

Configurer votre environnement pour développer un visuel Power BI