Jaa

Ulkoisten kirjastojen lisääminen

  • Artikkeli

Tässä artikkelissa kuvataan ulkoisten kirjastojen lisääminen Power BI -visualisointeihin. Tässä artikkelissa kuvataan myös ulkoisten kirjastojen asentaminen, tuominen ja kutsuminen Power BI -visualisoinnin koodista.

JavaScript-kirjastot

  1. Asenna ulkoinen JavaScript-kirjasto käyttämällä pakettihallintaa, kuten npm tai yarn.
  2. Tuo vaaditut moduulit lähdetiedostoihin ulkoisen kirjaston avulla.

Muistiinpano

Jos haluat lisätä tyypit JavaScript-kirjastoosi, hanki Intellisense - ja compile-time-suojaus varmista, että asennat oikean paketin.

D3-kirjaston asentaminen

Tässä osiossa on esimerkki D3-kirjaston ja @types/d3-paketin asentamisesta npm:llä Power BI -visualisoinnin koodiin.

Katso koko esimerkki Power BI -visualisointien koodin ohjeartikkelista .

  1. Asenna d3-paketti ja @types/d3-paketti.

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

  2. Tuo d3-kirjasto sitä käyttäviin tiedostoihin (esimerkiksi visual.ts).

    import * as d3 from "d3";

CSS-kehys

  1. Asenna ulkoinen CSS-kehys millä tahansa pakettihallintatyökalulla (esimerkiksi npm tai yarn).
  2. Sisällytä visualisoinnin .less-tiedostoon import lauseke.

Bootstrapin asentaminen

Tässä osiossa on esimerkki bootstrapin asentamisesta npm:llä.

Katso koko esimerkki Power BI -visualisointien koodin ohjeartikkelista .

  1. Asenna bootstrap-paketti.

    npm install bootstrap --save

  2. Sisällytä import lauseke visual.less-tiedostoon.

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

Liittyvä sisältö

Ympäristön määrittäminen Power BI -visualisoinnin kehittämistä varten