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。