Jak dodać biblioteki zewnętrzne

W tym artykule opisano sposób używania bibliotek zewnętrznych w wizualizacjach usługi Power BI. W tym artykule opisano również sposób instalowania, importowania i wywoływania bibliotek zewnętrznych z kodu wizualizacji usługi Power BI.

Biblioteki Języka JavaScript

1. Zainstaluj zewnętrzną bibliotekę języka JavaScript przy użyciu menedżera pakietów, takiego jak npm lub yarn.
2. Zaimportuj wymagane moduły do plików źródłowych przy użyciu biblioteki zewnętrznej.

Uwaga

Aby dodać definicje typów do swojej biblioteki JavaScript i uzyskać dostęp do IntelliSense oraz bezpieczeństwa w czasie kompilacji, należy upewnić się, że zainstalowano odpowiedni pakiet.

Instalowanie biblioteki D3

Ta sekcja zawiera przykład instalowania biblioteki D3 i pakietu @types/d3 przy użyciu narzędzia npm w kodzie wizualizacji usługi Power BI.

Pełny przykład można znaleźć w kodzie wizualizacji usługi Power BI.

1. Zainstaluj pakiet d3 i pakiet @types/d3.

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

2. Zaimportuj bibliotekę d3 do plików, które go używają, na przykład visual.ts.

   import * as d3 from "d3";
   

Struktura CSS

1. Zainstaluj zewnętrzną strukturę CSS przy użyciu dowolnego menedżera pakietów, takiego jak npm lub yarn.
2. W pliku .less wizualizacji dołącz instrukcję import.

Instalowanie pliku bootstrap

Ta sekcja zawiera przykład instalowania bootstrap przy użyciu narzędzia npm.

Pełny przykład można znaleźć w kodzie wizualizacji usługi Power BI.

1. Zainstaluj pakiet bootstrap.

   npm install bootstrap --save
   

2. Dołącz instrukcję import w pliku visual.less.

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

Powiązana zawartość

Konfigurowanie środowiska do tworzenia wizualizacji usługi Power BI