Архивы grafana

Grafana: Аннотации

22.01.2024 Павел Грибов WEB

Продолжаю попытки нормально пометить на графике дневное и ночное время. Описание предыдущих попыток можно почитать здесь. На этот раз, попробуем при помощи аннотаций. Основная идея: при помощи аннтотаций, на графике возможно помечать и подписывать определенные промежутки данных на графике. Аннотации можно добавлять из вне при помощи специального API.

Создадим ключ API:

Далее, необходимо узнать id дашборда (гаходится как orgId в url) и id панели дашборда, чтобы таргетировать аннотацию.

Далее наваяем небольшой скрипт на PHP, который положим в крон и будем выполнять ночью:

#!/usr/bin/php
<?php
    $geo=21; // Код можно узнать здесь: https://xn--90acbu5aj5f.xn--p1ai/?page_id=6661
    $api_key_grafana="Bearer eyJrIwedwediLCJpZCI6MX0=";
    $api_grafana_url="https://qwedqweai/api/annotations";
    $dash_id=1;
    $panel_id=30;
    $offset=3*60*60; // смещение времени

    $ch = curl_init("https://yandex.ru/time/sync.json?geo=21");
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

    $res=curl_exec($ch);
    curl_close($ch);

    $js=json_decode($res);

    if ($js==null){die("Не удалось получить данные для обработки");};
    $DayFrom=$js->clocks->$geo->sunrise;
    $DayTo=$js->clocks->$geo->sunset;

    $dt=Date("Y-m-d");
    echo "День $dt с $DayFrom по $DayTo\n";
    $dtStart=(strtotime($dt." ".$DayFrom.":00")-$offset)."000";
    $dtEnd=(strtotime($dt." ".$DayTo.":00")-$offset)."000";


    $ch = curl_init($api_grafana_url);
    curl_setopt($ch, CURLOPT_HTTPHEADER, array(
        "Authorization: $api_key_grafana",
        "Content-Type: application/json"
    ));
    curl_setopt($ch, CURLOPT_POST, 1);

    $postd=[];
    $postd["text"]="Дневное время";
    $postd["dashboardId"]=$dash_id;
    $postd["panelId"]=$panel_id;
    $postd["time"]=$dtStart+0;
    $postd["timeEnd"]=$dtEnd+0;
    $postd["tags"]=["daytime"];


    curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($postd));
    $res=curl_exec($ch);
    var_dump($res);

?>

#!/usr/bin/php

<?php

$geo=21; // Код можно узнать здесь: https://xn--90acbu5aj5f.xn--p1ai/?page_id=6661

$api_key_grafana="Bearer eyJrIwedwediLCJpZCI6MX0=";

$api_grafana_url="https://qwedqweai/api/annotations";

$dash_id=1;

$panel_id=30;

$offset=3*60*60; // смещение времени

$ch = curl_init("https://yandex.ru/time/sync.json?geo=21");

curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);

curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

$res=curl_exec($ch);

curl_close($ch);

$js=json_decode($res);

if ($js==null){die("Не удалось получить данные для обработки");};

$DayFrom=$js->clocks->$geo->sunrise;

$DayTo=$js->clocks->$geo->sunset;

$dt=Date("Y-m-d");

echo "День $dt с $DayFrom по $DayTo\n";

$dtStart=(strtotime($dt." ".$DayFrom.":00")-$offset)."000";

$dtEnd=(strtotime($dt." ".$DayTo.":00")-$offset)."000";

$ch = curl_init($api_grafana_url);

curl_setopt($ch, CURLOPT_HTTPHEADER, array(

"Authorization: $api_key_grafana",

"Content-Type: application/json"

));

curl_setopt($ch, CURLOPT_POST, 1);

$postd=[];

$postd["text"]="Дневное время";

$postd["dashboardId"]=$dash_id;

$postd["panelId"]=$panel_id;

$postd["time"]=$dtStart+0;

$postd["timeEnd"]=$dtEnd+0;

$postd["tags"]=["daytime"];

curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($postd));

$res=curl_exec($ch);

var_dump($res);

В результате на графике получим нечто подобное:

Оставить комментарий grafana, аннотации

Grafana: использование выпадающего меню на дашборде

19.01.2024 Павел Грибов WEB

Задача: необходимо строить график в зависимости от выбранного значения в выпадающем списке.

Решение: в Grafana для этого есть штатный функционал.

Заходим в меню «Dashboard Settings» (шестренка) -> Variables (переменные). Создаём новую переменную:

name — имя переменной, для использования в дальнейших запросах
label — заголовок перед выпадающим меню
Query — запрос из которого идёт выборка в поле выбора. Причем поле обозначенное как __text будет использоваться как наименование поля выбора, а __value как его значение.

После сохранения, идём в редактирования панели дашборда и меняем запрос на вида:

select (dt),count(*) as "${division:text}" from (
                    select 
                            date_trunc('month', agreements_dt)::date as dt
                    from 
                            ls 
                    where agreements_dt>'2018-01-01' and
							owner in ('$division') and
                            agreements_dt is not null
                    ) as agr
            group by dt
            order by dt	desc

select (dt),count(*) as "${division:text}" from (

select

date_trunc('month', agreements_dt)::date as dt

from

where agreements_dt>'2018-01-01' and

owner in ('$division') and

agreements_dt is not null

) as agr

group by dt

order by dt desc

, где:

${division:text} — текст выбранного (Например «Кудыкинский муниципыальный район»
$division — значение выбранного (Например «13432»)

В результате получаем чудную картину:

Оставить комментарий grafana, variables, переменные, список выбора

Grafana: выделения времени суток на шкале TimeScale

18.01.2024 Павел Грибов WEB

В одном из проектов (умный дом) у меня мониторится температура окружающего воздуха. Но график… ну так себе если честно..

Ну совершенно не понятно не поёрзав мышкой, где день, где ночь.. Решил неказисто,.. но хотя бы уже понятно:

Просто наложив поверх еще один запрос, где вывожу в зависимости от часа суток предопределенные значения.

<div style="color: #000000;background-color: #ffffff;font-family: Consolas, 'Courier New', monospace;font-weight: normal;font-size: 14px;line-height: 19px;white-space: pre;"><div><span style="color: #0000ff;">SELECT</span><span style="color: #000000;"> </span></div><div><span style="color: #000000;">  </span><span style="color: #008080;">$__time</span><span style="color: #000000;">(m_data.dt),</span></div><div><span style="color: #000000;">  </span><span style="color: #0000ff;">CASE</span><span style="color: #000000;"> </span></div><div><span style="color: #000000;">    </span><span style="color: #0000ff;">WHEN</span><span style="color: #000000;"> </span><span style="color: #0000ff;">hour</span><span style="color: #000000;">(dt)>=21 </span><span style="color: #778899;">and</span><span style="color: #000000;"> </span><span style="color: #0000ff;">hour</span><span style="color: #000000;">(dt)<=23 </span><span style="color: #0000ff;">THEN</span><span style="color: #000000;"> -</span><span style="color: #098658;">35</span></div><div><span style="color: #000000;">    </span><span style="color: #0000ff;">WHEN</span><span style="color: #000000;"> </span><span style="color: #0000ff;">hour</span><span style="color: #000000;">(dt)>=0 </span><span style="color: #778899;">and</span><span style="color: #000000;"> </span><span style="color: #0000ff;">hour</span><span style="color: #000000;">(dt)<=2 </span><span style="color: #0000ff;">THEN</span><span style="color: #000000;"> -</span><span style="color: #098658;">35</span></div><div><span style="color: #000000;">    </span><span style="color: #0000ff;">WHEN</span><span style="color: #000000;"> </span><span style="color: #0000ff;">hour</span><span style="color: #000000;">(dt)>=3 </span><span style="color: #778899;">and</span><span style="color: #000000;"> </span><span style="color: #0000ff;">hour</span><span style="color: #000000;">(dt)<=8 </span><span style="color: #0000ff;">THEN</span><span style="color: #000000;"> -</span><span style="color: #098658;">17</span></div><div><span style="color: #000000;">    </span><span style="color: #0000ff;">WHEN</span><span style="color: #000000;"> </span><span style="color: #0000ff;">hour</span><span style="color: #000000;">(dt)>=9 </span><span style="color: #778899;">and</span><span style="color: #000000;"> </span><span style="color: #0000ff;">hour</span><span style="color: #000000;">(dt)<=14 </span><span style="color: #0000ff;">THEN</span><span style="color: #000000;"> </span><span style="color: #098658;">35</span></div><div><span style="color: #000000;">    </span><span style="color: #0000ff;">WHEN</span><span style="color: #000000;"> </span><span style="color: #0000ff;">hour</span><span style="color: #000000;">(dt)>=15 </span><span style="color: #778899;">and</span><span style="color: #000000;"> </span><span style="color: #0000ff;">hour</span><span style="color: #000000;">(dt)<=20 </span><span style="color: #0000ff;">THEN</span><span style="color: #000000;"> </span><span style="color: #098658;">17</span></div><div><span style="color: #000000;">  </span><span style="color: #0000ff;">END</span><span style="color: #000000;">  </span><span style="color: #0000ff;">as</span><span style="color: #000000;"> </span><span style="color: #ff0000;">'Время суток'</span></div><div><span style="color: #0000ff;">FROM</span><span style="color: #000000;"> </span></div><div><span style="color: #000000;">  m_data.m_data  </span></div><div><span style="color: #0000ff;">WHERE</span><span style="color: #000000;"> </span></div><div><span style="color: #000000;">  m_data.place=10 </span><span style="color: #778899;">and</span><span style="color: #000000;"> m_data.source=17 </span><span style="color: #778899;">and</span><span style="color: #000000;"> m_data.value_type=1  </span><span style="color: #778899;">and</span><span style="color: #000000;"> </span><span style="color: #008080;">$__timeFilter</span><span style="color: #000000;">(m_data.dt) </span></div></div>

<div style="color: #000000;background-color: #ffffff;font-family: Consolas, 'Courier New', monospace;font-weight: normal;font-size: 14px;line-height: 19px;white-space: pre;"><div>SELECT </div><div> $__time(m_data.dt),</div><div> CASE </div><div> WHEN hour(dt)>=21 and hour(dt)<=23 THEN -35</div><div> WHEN hour(dt)>=0 and hour(dt)<=2 THEN -35</div><div> WHEN hour(dt)>=3 and hour(dt)<=8 THEN -17</div><div> WHEN hour(dt)>=9 and hour(dt)<=14 THEN 35</div><div> WHEN hour(dt)>=15 and hour(dt)<=20 THEN 17</div><div> END as 'Время суток'</div><div>FROM </div><div> m_data.m_data </div><div>WHERE </div><div> m_data.place=10 and m_data.source=17 and m_data.value_type=1 and $__timeFilter(m_data.dt) </div></div>

2 комментария grafana, время суток на шкале

Grafana: правильное выставление времени на графике

23.01.2023 Павел Грибов Linux

К сожалению так и не смог докопаться до истины, почему при отображении графика на панели, время сбивается в непонятные значения +3 часа. Хотя и в настройках панели и в настройках отображения везде установлено руками UTC+3. Пришлось решать проблему кардинально, изменив время в запросе:

SELECT CONVERT_TZ(m_data.dt,'+00:00','-03:00') as dt ,CAST(m_data.value as int) as 'Mikrotik'  FROM m_data.m_data 
WHERE m_data.place=10 and m_data.source=12 and m_data.value_type=1 order by dt limit 500

1 2	SELECT CONVERT_TZ(m_data.dt,'+00:00','-03:00') as dt ,CAST(m_data.value as int) as 'Mikrotik' FROM m_data.m_data WHERE m_data.place=10 and m_data.source=12 and m_data.value_type=1 order by dt limit 500

Оставить комментарий datetime, grafana, utc

Grafana: доступ к просмотру дашбоарда или панели без авторизации

12.01.2023 Павел Грибов Linux

Grafana после некоторой настройки позволяет «расшаривать» дашборды и панели для просмотра для не авторизированных пользователей. Для этого в файле настройки /etc/grafana/grafana.ini необходимо найти секцию auth.anonymous и установить enabled=true:

[auth.anonymous]
# enable anonymous access
enabled = true

[auth.anonymous]

# enable anonymous access

enabled = true

После чего необходимо перезапустить сервер:

service grafana-server restart

1	service grafana-server restart

Оставить комментарий grafana, shared link

1 2 »

Апрель 2024
Пн	Вт	Ср	Чт	Пт	Сб	Вс
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30