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。