16 343
правки
Строка 191: | Строка 191: | ||
Чтобы Grafana могла отобразить данные из базы данных Prometheus, нужно в её веб-интерфейсе добавить источник данных: | Чтобы Grafana могла отобразить данные из базы данных Prometheus, нужно в её веб-интерфейсе добавить источник данных: | ||
# Откройте веб-интерфейс Grafana. | # Откройте веб-интерфейс Grafana. | ||
# Перейдите в настройки аккаунта по ссылке '''My Account'''. | |||
# Найдите карточку '''Grafana''' и нажмите кнопку '''Log In'''. | |||
# Слева на панели нажмите на «шестерёнку» и выберите пункт '''Data Sources'''. | # Слева на панели нажмите на «шестерёнку» и выберите пункт '''Data Sources'''. | ||
# Откроется страница со списком источников данных, нажмите на кнопку '''Add sata source'''. | # Откроется страница со списком источников данных, нажмите на кнопку '''Add sata source'''. | ||
Строка 210: | Строка 212: | ||
Image: Grafana Cloud - 1. Add Data Source 4.png | Настройка источника данных: логин и пароль | Image: Grafana Cloud - 1. Add Data Source 4.png | Настройка источника данных: логин и пароль | ||
Image: Grafana Cloud - 1. Add Data Source 5.png | Настройка источника данных: проверка соединения | Image: Grafana Cloud - 1. Add Data Source 5.png | Настройка источника данных: проверка соединения | ||
</gallery> | |||
=== Создание дашборда в Grafana === | |||
После того как мы создали источник данных — добавьте новый дашборд и создайте запрос на выборку данных: | |||
# Откройте веб-интерфейс Grafana. | |||
# Перейдите в настройки аккаунта по ссылке '''My Account'''. | |||
# Найдите карточку '''Grafana''' и нажмите кнопку '''Log In'''. | |||
# Выберите на панели слева «плюсик» и пункт '''Dashboard'''. | |||
# В открывшейся странице '''New dashboard''', нажмите на плитку '''Add a empty panel'''. Откроется страница создания запроса. | |||
# В поле '''Data source''' выберите созданный ранее источник данных. | |||
# В строке '''A → Metrics browser''': | |||
#* в группе '''2. Select labels to search in''' выберите '''topic'''; | |||
#* в группе '''3. Select values for your labels''' выберите топик, который мы отправили с контроллера; | |||
#* Нажмите кнопку '''Use query'''. Сразу после этого на панели сверху должен появиться график. | |||
# Задайте панели имя в поле '''Panel options''' → '''Title'''. | |||
# Сохраните дашборд, для этого нажмите кнопку '''Save''', в появившемся окне '''введите имя''' и нажмите кнопку '''Save'''. | |||
Настройка дашборда завершена. | |||
Запрос из примера в текстовом виде: | |||
<syntaxhighlight lang="json"> | |||
{topic="/devices/power_status/controls/Vin"} | |||
</syntaxhighlight> | |||
<gallery widths=305px heights=200px perrow=3 > | |||
Image: Grafana Cloud - 2. Add Dashboard 0.png | Добавление нового дашборда | |||
Image: Grafana Cloud - 2. Add Dashboard 1.png | Добавление панели в дашборд | |||
Image: Grafana Cloud - 3. Construct Query 1.png | A → Metrics browser | |||
Image: Grafana Cloud - 3. Construct Query 2.png | Выбор топика | |||
Image: Grafana Cloud - 3. Construct Query 3.png | Выбор топика | |||
Image: Grafana Cloud - 3. Construct Query 4.png | Кнопка Use query | |||
Image: Grafana Cloud - 4. Save Dashboard 0.png | Сохранение дашборда и панели | |||
Image: Grafana Cloud - 4. Save Dashboard 1.png | Ввод наименования дашборда | |||
Image: Grafana Cloud - 5. WB Dashboard.png | Созданный дашборд с панелью Vin | |||
</gallery> | </gallery> | ||