外部ライブラリを追加する方法

この記事では Power BI ビジュアルで外部ライブラリを使用する方法について説明します。 この記事では、Power BI 視覚化のコードから外部ライブラリのインストール、インポート、呼び出しを行う方法についても説明します。

JavaScript ライブラリ

1. npm や yarn などのパッケージ マネージャーを使用して、外部の JavaScript ライブラリをインストールします。
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. visual.ts など、d3 ライブラリを使用するファイルにそれをインポートします。

   import * as d3 from "d3";
   

CSS フレームワーク

1. npm や yarn などのパッケージ マネージャーを使用して、外部の CSS フレームワークをインストールします。
2. 視覚化の .less ファイルに、import ステートメントを含めます。

ブートストラップのインストール

このセクションでは、npm を使用してブートストラップをインストールする例を示します。

完全な例については、Power BI 視覚化に関するコードを参照してください。

1. "ブートストラップ" パッケージをインストールします。

   npm install bootstrap --save
   

2. visual.less に import ステートメントを含めます。

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

次のステップ

Power BI の視覚化の開発用に環境をセットアップする