Grafana Panel Dev：在插件中使用外部Lib

Question

我想使用three.js來渲染一些基於指標的有趣圖像。我對grafana dev非常陌生，無法確定何時何地加載three.js和其他js文件。目前我正在嘗試將它加載到module.html中，但這看起來不太合適，因爲我不知道它可以在加載頁面後加載（我認爲）。我將如何加載這些庫來使用？對不起，如果這是在文檔中，他們今天似乎無法訪問...

Answer 1

我們使用S3的文檔和it was down today。

目前沒有辦法通過grafana中的systemjs在插件中插入外部庫，所以包含它的方法是隻需將js文件添加到插件中，然後導入它。

下面是一些例子：

• 的儀表面板imports the D3 library即在src/external文件夾：

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

• 的圖解面板imports the Mermaid library即在dist/libs/mermaid/dist目錄：

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

這隻需要爲要包含在插件中的庫完成。您可以根據需要安裝儘可能多的構建時間插件（linting，sass，grunt插件等）。你也可以使用Grafana已經有的庫 - Lodash，Flot，jQuery。