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
- Installieren Sie eine externe JavaScript-Bibliothek mithilfe eines Paket-Managers, z. B. npm oder yarn.
- 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.
Installieren Sie das d3-Paket und das @types/d3-Paket .
npm install d3@5 --save npm install @types/d3@5 --save
Importieren Sie die d3-Bibliothek in den Dateien, die sie verwenden, z . B. visual.ts.
import * as d3 from "d3";
CSS-Framework
- Installieren Sie ein externes CSS-Framework mit einem beliebigen Paket-Manager, z. B. npm oder yarn.
- 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.
Installieren Sie das Paket bootstrap.
npm install bootstrap --save
Schließen Sie die
import
-Anweisung in visual.less ein.@import (less) "node_modules/bootstrap/dist/css/bootstrap.css";