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