Come aggiungere librerie esterne

Questo articolo descrive come usare librerie esterne negli oggetti visivi di Power BI. Questo articolo descrive anche come installare, importare e chiamare librerie esterne dal codice di un oggetto visivo di Power BI.

Librerie JavaScript

  1. Installare una libreria JavaScript esterna usando una gestione pacchetti, ad esempio npm o yarn.
  2. Importare i moduli necessari nei file di origine usando la libreria esterna.

Nota

Per aggiungere tipi alla libreria JavaScript e ottenere IntelliSense e la sicurezza in fase di compilazione, assicurarsi di installare il pacchetto appropriato.

Installazione della libreria D3

Questa sezione fornisce un esempio di installazione della libreria D3 e del pacchetto @types/d3 usando npm nel codice di un oggetto visivo di Power BI.

Per un esempio completo, vedere il codice delle visualizzazioni di Power BI.

  1. Installare il pacchetto d3 e il pacchetto @types/d3 .

    npm install d3@5 --save
    npm install @types/d3@5 --save
    
  2. Importare la libreria d3 nei file che lo usano, ad esempio visual.ts.

    import * as d3 from "d3";
    

Framework CSS

  1. Installare un framework CSS esterno usando qualsiasi strumento di gestione pacchetti, ad esempio npm o yarn.
  2. Nel file .less dell'oggetto visivo, includere l'istruzione import.

Installazione di bootstrap

Questa sezione fornisce un esempio di installazione di bootstrap tramite npm.

Per un esempio completo, vedere il codice delle visualizzazioni di Power BI.

  1. Installare il pacchetto bootstrap .

    npm install bootstrap --save
    
  2. Includere l'istruzione import in visual.less.

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

Configurare l'ambiente per lo sviluppo di un oggetto visivo di Power BI