Så här lägger du till externa bibliotek

I den här artikeln beskrivs hur du använder externa bibliotek i visuella Power BI-objekt. Den här artikeln beskriver också hur du installerar, importerar och anropar externa bibliotek från en visuell Power BI-kod.

JavaScript-bibliotek

1. Installera ett externt JavaScript-bibliotek med hjälp av en pakethanterare, till exempel npm eller yarn.
2. Importera de moduler som krävs till källfilerna med hjälp av det externa biblioteket.

Installera D3-biblioteket

Det här avsnittet innehåller ett exempel på hur du installerar D3-biblioteket och paketet @types/d3 med npm i koden för ett visuellt Power BI-objekt.

Ett fullständigt exempel finns i koden för Power BI-visualiseringar .

1. Installera d3-paketet och @types/d3-paketet.

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

2. Importera d3-biblioteket i de filer som använder det, till exempel visual.ts.

   import * as d3 from "d3";
   

CSS-ramverk

1. Installera ett externt CSS-ramverk med hjälp av valfri pakethanterare, till exempel npm eller yarn.
2. I . less-filen för det visuella objektet inkluderar du -instruktionen import .

Installera bootstrap

Det här avsnittet innehåller ett exempel på hur du installerar bootstrap med npm.

Ett fullständigt exempel finns i koden för Power BI-visualiseringar .

1. Installera bootstrap-paketet.

   npm install bootstrap --save
   

2. Inkludera -instruktionen import i visual.less.

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

Relaterat innehåll

Konfigurera din miljö för att utveckla ett visuellt Power BI-objekt