Добавление внешних библиотек

В этой статье описывается, как использовать внешние библиотеки в визуальных элементах Power BI. Она содержит сведения об установке, импорте и вызове внешних библиотек из кода визуального элемента Power BI.

Библиотеки JavaScript

  1. Установите внешнюю библиотеку JavaScript с помощью любого диспетчера пакетов, например npm или yarn.
  2. Импортируйте необходимые модули в файлы исходного кода с помощью внешней библиотеки.

Примечание

Чтобы добавить в библиотеку JavaScript вводы и обеспечить безопасность IntelliSense и времени компиляции, убедитесь, что установлен соответствующий пакет.

Установка библиотеки d3

Это пример установки библиотеки D3 и @types пакета/D3 с помощью NPM.

Полный пример приведен в коде визуальных элементов Power BI.

  1. Установите пакет d3 и пакет типов 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. Установите пакет bootstrap.

    npm install bootstrap --save
    
  2. Добавьте оператор import в visual.less.

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

Дальнейшие действия