Dış kitaplıklar nasıl eklenir

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.

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ı kullanan dosyalara (visual.ts gibi) 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 import ifadesini 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. import ifadesini 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