Grafana Panel Dev：プラグインで外部Libを使用する

Question

私はthree.jsを使用して、メトリックに基づいて興味深い画像を表示しようとしています。私はgrafana devには本当に新しく、どこでいつthree.jsや他のjsファイルを読み込むのかを理解するのに問題があります。現時点では、私はmodule.htmlにロードしようとしていますが、これは正しいとは言えません。なぜなら、ページがロードされた後に読み込むことはできないからです（私は思います）。これらのライブラリをどのようにロードすれば使用できますか？申し訳ありませんが、これがドキュメントにある場合、今日アクセスできないと思われます...

Answer 1

ドキュメント用にS3を使用し、it was down todayを使用します。

Grafanaのsystemjsを介してプラグインに外部libを挿入する方法は現在ありません。そのため、プラグインにjsファイルを追加してインポートするだけです。ここで

は、いくつかの例です：

• src/externalフォルダ内にあるゲージパネルimports the D3 library：

  import * as d3 from './external/d3.v3.min';

• dist/libs/mermaid/distディレクトリにあるダイアグラムパネルimports the Mermaid library：

  import './libs/mermaid/dist/mermaidAPI';

これは、プラグインに含めるライブラリでのみ必要です。ビルド時のプラグインは、必要なだけインストールできます（linting、sass、gruntプラグインなど）。 Grafanaがすでに持っているライブラリ（Lodash、Flot、jQuery）を使うこともできます。