Externe bibliotheken toevoegen

In dit artikel wordt beschreven hoe u externe bibliotheken gebruikt in Power BI-visuals. In dit artikel wordt ook beschreven hoe u externe bibliotheken installeert, importeert en aanroept vanuit de code van een Power BI-visual.

JavaScript-bibliotheken

  1. Installeer een externe JavaScript-bibliotheek met behulp van pakketbeheer, zoals npm of yarn.
  2. Importeer de vereiste modules in de bronbestanden met behulp van de externe bibliotheek.

Notitie

Als u type-aanduidingen wilt toevoegen aan uw JavaScript-bibliotheek en Intellisense en compile-tijd veiligheid wilt hebben, moet u ervoor zorgen dat u het juiste pakket installeert.

De D3-bibliotheek installeren

In deze sectie vindt u een voorbeeld van het installeren van de D3-bibliotheek en het @types/d3-pakket met behulp van npm in de code van een Power BI-visual.

Zie de Code voor Power BI-visualisaties voor een volledig voorbeeld.

  1. Installeer het d3-pakket en het @types/d3-pakket .

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

  2. Importeer de d3-bibliotheek in de bestanden die deze gebruiken, zoals visual.ts.

    import * as d3 from "d3";

CSS-framework

  1. Installeer een extern CSS-framework met behulp van pakketbeheer, zoals npm of yarn.
  2. Neem in het .less-bestand van de visual de import verklaring op.

Bootstrap installeren

Deze sectie bevat een voorbeeld van het installeren van bootstrap met behulp van npm.

Zie de Code voor Power BI-visualisaties voor een volledig voorbeeld.

  1. Installeer het bootstrap-pakket .

    npm install bootstrap --save

  2. Neem de import instructie op in visual.less.

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

Gerelateerde inhoud

Uw omgeving instellen voor het ontwikkelen van een Power BI-visual

  • Last updated on