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 aus dem Code eines Power BI-Visuals installiert, importiert und aufgerufen werden.

JavaScript-Bibliotheken

1. Installieren Sie eine externe JavaScript-Bibliothek mithilfe eines Paket-Managers, z. B. npm oder yarn.
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 Power BI-Visuals.

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

1. Installieren Sie das d3-Paket und das @types/d3-Paket .

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

2. Importieren Sie die d3-Bibliothek in den Dateien, die sie verwenden, z . B. visual.ts.

   import * as d3 from "d3";
   

CSS-Framework

1. Installieren Sie ein externes CSS-Framework mit einem beliebigen Paket-Manager, z. B. npm oder yarn.
2. Schließen Sie in der .less-Datei des Visuals die -Anweisung ein import .

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. Schließen Sie die import -Anweisung in visual.less ein.

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

Nächste Schritte

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