Hinzufügen externer Bibliotheken

In diesem Artikel wird beschrieben, wie Sie in Power BI-Visuals externe Bibliotheken verwenden. In diesem Artikel wird auch beschrieben, wie externe Bibliotheken über den Code eines visuellen Power BI-Elements installiert, importiert und aufgerufen werden.

JavaScript-Bibliotheken

1. Installieren Sie mithilfe eines Paket-Managers wie npm oder yarn eine externe JavaScript-Bibliothek.
2. Importieren Sie die erforderlichen Module mithilfe der externen Bibliothek in die Quelldateien.

Hinweis

Um Ihrer JavaScript-Bibliothek Typisierungen hinzufügen möchten und Intellisense und Sicherheit zur Kompilierzeit wünschen, stellen Sie sicher, dass Sie das passende Paket installieren.

Installieren der D3-Bibliothek

Dieser Abschnitt enthält ein Beispiel für die Installation der D3-Bibliothek und des @types/d3-Pakets mithilfe von npm im Code eines visuellen Power BI-Elements.

Ein vollständiges Beispiel finden Sie im Code Power BI-Visualisierungen.

1. Installieren Sie die Pakete d3 und @types/d3.

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

2. Importieren Sie die d3-Bibliothek in die Dateien, von denen Sie verwendet wird, z. B. visual.ts.

   import * as d3 from "d3";
   

CSS-Framework

1. Installieren Sie mithilfe eines beliebigen Paket-Managers wie npm oder yarn ein externes CSS-Framework.
2. Fügen Sie in die Datei .less des visuellen Elements die Anweisung import ein.

Installieren von bootstrap

Dieser Abschnitt enthält ein Beispiel für die Installation von bootstrap mithilfe von npm.

Ein vollständiges Beispiel finden Sie im Code Power BI-Visualisierungen.

1. Installieren Sie das Paket bootstrap.

   npm install bootstrap --save
   

2. Fügen Sie in die Anweisung import in visual.less ein.

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

Zugehöriger Inhalt

Einrichten der Umgebung für die Entwicklung eines Power BI-Visuals