如何添加外部库

  • 项目

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

JavaScript 库

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

注意

若要将 typings 添加到 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. 使用任意包管理器（如 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";

后续步骤

设置用于开发 Power BI 视觉对象的环境