Cara menambahkan pustaka eksternal

Artikel ini menjelaskan cara menggunakan pustaka eksternal dalam visual Power BI. Artikel ini juga menjelaskan cara menginstal, mengimpor, dan memanggil pustaka eksternal dari kode visual Power BI.

Pustaka JavaScript

  1. Instal pustaka JavaScript eksternal dengan menggunakan manajer paket, seperti npm atau yarn.
  2. Impor modul yang diperlukan ke dalam file sumber menggunakan pustaka eksternal.

Catatan

Untuk menambahkan pengetikan ke pustaka JavaScript Anda, dan mendapatkan Intellisense serta keamanan pada waktu kompilasi, pastikan Anda menginstal paket yang sesuai.

Menginstal pustaka D3

Bagian ini menyediakan contoh penginstalan pustaka D3 dan paket @types/d3 menggunakan npm dalam kode visual Power BI.

Untuk contoh lengkapnya, lihat kode visualisasi Power BI.

  1. Instal paket d3 dan paket @types/d3.

    npm install d3@5 --save
    npm install @types/d3@5 --save
    
  2. Impor pustaka d3 dalam file yang menggunakannya, seperti visual.ts.

    import * as d3 from "d3";
    

Kerangka kerja CSS

  1. Instal kerangka kerja CSS eksternal dengan menggunakan manajer paket apa pun, seperti npm atau yarn.
  2. Dalam file .less pada visual, sertakan import kode.

Menginstal bootstrap

Bagian ini menyediakan contoh penginstalan bootstrap menggunakan npm.

Untuk contoh lengkapnya, lihat kode visualisasi Power BI.

  1. Instal paket bootstrap.

    npm install bootstrap --save
    
  2. Sertakan import pernyataan dalam visual.less.

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

Menyiapkan lingkungan Anda untuk mengembangkan visual Power BI