Dış kitaplıklar ekleme

Bu makalede Power BI görsellerinde dış kitaplıkların nasıl kullanılacağı açıklanmaktadır. Bu makalede, Power BI görseli kodundan dış kitaplıkların nasıl yükleneceği, içeri aktarıldığı ve çağrıldığı da açıklanır.

JavaScript kitaplıkları

1. Npm veya yarn gibi bir paket yöneticisi kullanarak bir dış JavaScript kitaplığı yükleyin.
2. Dış kitaplığı kullanarak gerekli modülleri kaynak dosyalara aktarın.

Dekont

JavaScript kitaplığınıza yazma bilgileri eklemek ve IntelliSense ile derleme zamanı güvenliği elde etmek için uygun paketi yüklediğinizden emin olun.

D3 kitaplığını yükleme

Bu bölümde, Power BI görselinin kodunda npm kullanarak D3 kitaplığınıve @types/d3 paketini yükleme örneği sağlanır.

Tam bir örnek için bkz . Power BI görselleştirmeleri kodu.

1. d3 paketini ve @types/d3 paketini yükleyin.

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

2. d3 kitaplığını visual.ts gibi kullanan dosyalara aktarın.

   import * as d3 from "d3";
   

CSS çerçevesi

1. Npm veya yarn gibi herhangi bir paket yöneticisini kullanarak bir dış CSS çerçevesi yükleyin.
2. Görselin .less dosyasına deyimini import ekleyin.

Bootstrap'i yükleme

Bu bölüm, npm kullanarak bootstrap yükleme örneği sağlar.

Tam bir örnek için bkz . Power BI görselleştirmeleri kodu.

1. Bootstrap paketini yükleyin.

   npm install bootstrap --save
   

2. deyimini import visual.less'e ekleyin.

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

İlgili içerik

Power BI görseli geliştirmek için ortamınızı ayarlama