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

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

Библиотеки JavaScript

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

Примечание.

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

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

В этом разделе приведен пример установки библиотеки D3 и пакета @types/d3 с помощью npm в коде визуального элемента Power BI.

Полный пример см. в коде визуализаций 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.

Установка Bootstrap

В этом разделе приведен пример установки Bootstrap с помощью npm.

Полный пример см. в коде визуализаций Power BI.

1. Установите пакет bootstrap.

   npm install bootstrap --save
   

2. Включите инструкцию import в visual.less.

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

Связанный контент

Настройка среды для разработки визуального элемента Power BI