Javascript Grafana面板开发:在插件中使用外部库

Javascript Grafana面板开发:在插件中使用外部库,javascript,three.js,grafana,panels,Javascript,Three.js,Grafana,Panels,我正在尝试使用three.js根据度量来呈现一些有趣的图像。我对grafana dev是个新手,我很难确定何时何地加载三个.js和其他一些js文件。目前,我正在尝试将其加载到module.html中,但这似乎不正确,因为我认为在加载页面后无法加载它(我认为)。如何加载这些LIB以供使用?抱歉,如果这在文档中,它们今天似乎无法访问 我们将S3用于文档和 目前没有办法通过Grafana中的systemjs在插件中注入外部库,因此包含外部库的方法是将js文件添加到插件中,然后导入它 以下是一些例子:

我正在尝试使用three.js根据度量来呈现一些有趣的图像。我对grafana dev是个新手,我很难确定何时何地加载三个.js和其他一些js文件。目前,我正在尝试将其加载到module.html中,但这似乎不正确,因为我认为在加载页面后无法加载它(我认为)。如何加载这些LIB以供使用?抱歉,如果这在文档中,它们今天似乎无法访问

我们将S3用于文档和

目前没有办法通过Grafana中的systemjs在插件中注入外部库,因此包含外部库的方法是将js文件添加到插件中,然后导入它

以下是一些例子:

  • src/external
    文件夹中的仪表盘:

    import*作为来自'./external/d3.v3.min'的d3

  • dist/libs/mermaid/dist
    目录中的图表面板:

    import./libs/mermaid/dist/mermaidAPI'

这只需要对希望包含在插件中的库执行。您可以安装任意数量的构建时插件(linting、sass、grunt插件等)。您还可以使用Grafana已经拥有的库——Lodash、Flot、jQuery