Aggiunta di librerie esterneAdding external libraries

Questo articolo descrive come usare le librerie esterne negli oggetti visivi di Power BI.This article describes how to use external libraries in Power BI visuals. Include informazioni sull'installazione, l'importazione e la chiamata di librerie esterne dal codice dell'oggetto visivo di Power BI.It includes information about installing, importing, and calling external libraries from the Power BI visual's code.

Librerie JavaScriptJavaScript libraries

  1. Installare una libreria JavaScript esterna usando una qualsiasi soluzione di gestione pacchetti, ad esempio npm o yarn.Install an external JavaScript library by using any package manager such as npm or yarn.
  2. Importare i moduli necessari nei file di origine usando la libreria esterna.Import the required modules into the source files using the external library.

Nota

Se si vuole aggiungere tipi alla libreria JavaScript e ottenere protezione IntelliSense e in fase di compilazione, assicurarsi di installare il pacchetto appropriato.If you'd like to add typings to your JavaScript library, and get intellisense and compile-time safety, make sure that you install the appropriate package.

Installazione della libreria d3Installing the d3 library

Questo è un esempio di installazione della libreria d3 e del pacchetto @types/d3 usando npm.This is an example of installing the d3 library and the @types/d3 package, using npm.

Per un esempio completo, vedere il codice Visualizzazioni di Power BI.For a full example, see the Power BI visualizations code.

  1. Installare il pacchetto d3 e il pacchetto d3 types.Install the d3 package and the d3 types package.

    npm install d3@5 --save
    npm install @types/d3@5 --save
    
  2. Importare la libreria d3 nei file che la usano, ad esempio visual.ts.Import the d3 library in the files that use it, such as visual.ts.

    import * as d3 from "d3";
    

Framework CSSCSS framework

  1. Installare un framework CSS esterno usando una qualsiasi soluzione di gestione pacchetti, ad esempio npm o yarn.Install an external CSS framework by using any package manager such as npm or yarn.
  2. Nel file .less dell'oggetto visivo, includere l'istruzione import.In the .less file of the visual, include the import statement.

Installazione di bootstrapInstalling bootstrap

Questo è un esempio di installazione di bootstrap con npm.This is an example of installing bootstrap using npm.

Per un esempio completo, vedere il codice Visualizzazioni di Power BI.For a full example, see the Power BI visualizations code.

  1. Installare il pacchetto bootstrap.Install the bootstrap package.

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

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