如何新增外部程式庫

  • 發行項

本文說明如何在 Power BI 視覺效果中使用外部程式庫。 本文也說明如何從 Power BI 視覺效果的程式碼安裝、匯入及呼叫外部程式庫。

JavaScript 程式庫

  1. 使用套件管理員安裝外部 JavaScript 程式庫，例如 npm 或 yarn 。
  2. 使用外部程式庫將所需的模組匯入原始程式檔。

注意

若要將輸入新增至 JavaScript 程式庫，並取得 Intellisense 和編譯時間安全性，請確定您安裝適當的套件。

安裝 D3 程式庫

本節提供在 Power BI 視覺效果程式碼中使用 npm 安裝 D3 程式庫 和 @types/d3 套件的範例。

如需完整範例，請參閱 Power BI 視覺效果程式 代碼。

  1. 安裝 d3 套件和 @types/d3 套件。

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

  2. 在使用它的檔案中匯入 d3 連結 庫，例如 visual.ts 。

    import * as d3 from "d3";

CSS 架構

  1. 使用任何套件管理員來安裝外部 CSS 架構，例如 npm 或 yarn 。
  2. 在 視覺效果的 .less 檔案中，包含 import 語句。

安裝啟動程式

本節提供使用 npm 安裝 啟動程式 的範例。

如需完整範例，請參閱 Power BI 視覺效果程式 代碼。

  1. 安裝啟動程式 套件。

    npm install bootstrap --save

  2. import在 visual.less 中包含 語句。

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

相關內容

設定您的環境以開發 Power BI 視覺效果