添加外部库

本文介绍了如何在 Power BI 视觉对象中使用外部库。 具体而言,介绍了如何在 Power BI 视觉对象的代码中安装、导入和调用外部库。

JavaScript 库

  1. 使用任意包管理器(如 npm 或 yarn)安装外部 JavaScript 库。
  2. 将必需模块导入使用外部库的源文件中。

备注

若要将 typings 添加到 JavaScript 库,并获取 Intellisense 和编译时安全性,请务必安装相应包。

安装 d3 库

此示例展示了如何使用 npm 来安装 d3 库@types/d3 包。

有关完整示例,请参阅 Power BI 可视化效果代码。

  1. 安装 d3 包和 d3 types 包。

    npm install d3@5 --save
    npm install @types/d3@5 --save
    
  2. 将 d3 库导入使用它的文件(如 visual.ts)中。

    import * as d3 from "d3";
    

CSS 框架

  1. 使用任意包管理器(如 npm 或 yarn)安装外部 CSS 框架。
  2. 在视觉对象的 .less 文件中,添加 import 语句。

安装 bootstrap

此示例展示了如何使用 npm 来安装 bootstrap

有关完整示例,请参阅 Power BI 可视化效果代码。

  1. 安装 bootstrap 包。

    npm install bootstrap --save
    
  2. visual.less 中添加 import 语句。

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

后续步骤