Grafana Panel Dev: Использование внешних библиотек в плагинах

Question

Я пытаюсь использовать three.js для рендеринга некоторых интересных изображений на основе метрик. Я действительно новичок в Grafana Dev и у меня возникают проблемы с выяснением, где и когда загружать Three.js и некоторые другие файлы JS. В данный момент я пытаюсь загрузить его в module.html, но это кажется неправильным, так как я не думаю, что его можно загрузить после загрузки страницы (я думаю). Как бы мне загрузить эти библиотеки для использования? Извините, если это в документах, они, кажется, сегодня недоступны...

Answer 1

Мы используем S3 для документов, и это было сегодня.

В настоящее время нет способа внедрить внешнюю библиотеку в плагин через systemjs в Grafana, поэтому способ включить ее - просто добавить файл js в ваш плагин, а затем импортировать его.

Вот некоторые примеры:

• Панель датчиков импортирует библиотеку D3, которая находится в src/external папка:

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

• Панель "Диаграмма" импортирует библиотеку "Русалка", которая находится в dist/libs/mermaid/dist каталог:

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

Это нужно сделать только для библиотек, которые вы хотите включить в плагин. Вы можете установить сколько угодно плагинов для сборки (linting, sass, grunt plugins и т. Д.). Вы также можете использовать библиотеки, которые есть у Grafana - Lodash, Flot, jQuery.