Используя canvas в Grafana можно создавать что-то подобное. Но не так уж и много информации про то, как собственно это делать.
Добавляем свои собственные svg иконки
При использовании canvas вы можете добавить на dashboard
иконки svg
. Лично для меня плюс этих иконок что я могу подсвечивать их в зависимости от метрик. Т.е. если сервер, который отправляет метрики доступен то иконка будет зелёной, а если нет - то другого цвета. Но по умолчанию выбор этих иконок svg
не такой уж и большой.
Для того чтобы добавить свою иконку нужно поместить её в любую вложенную папку в директории /usr/share/grafana/public/img/icons/
.
Для докера можно примонтировать локальную папку к вложенную папке в директории /usr/share/grafana/public/img/icons/
.
vim docker-compose.yml
grafana:
volumes:
- /grafana-bg/ico:/usr/share/grafana/public/img/icons/iot
Свои собственные svg иконки не окрашиваются
Если вдруг вы устанавливает цвет заливки иконки в зависимости от метрик, но иконка не окрашивается возможно у вас цвет линий задан по умолчанию в файле svg
. Для этого открываем файл в редакторе и удаляем всё связанное с цветом.
vim icon.svg
<path
id="path4442"
style="fill:green" <<<<<< must be deleted
d="m430.88 592.9c6.15-10.03 15.9-17.1 25.17-24.07 0.92-0.69 1.84-1.37 2.75-2.06l0.74 0.87c-0.84 0.77-1.69 1.53-2.53 2.3-8.15 7.6-16.23 15.38-23.33 23.98l-2.8-1.02z"
/>
После этого копируем иконку снова и радуемся жизни.
Пример того, какого цвета у меня зерно кофе если узел доступен и шлёт метрики.
Пример того, какого цвета у меня зерно кофе если узел недоступен и не шлёт метрики.
Комментарии