Main

Построение графиков изменения значений переменной

<<< Азбука

Update: На сайте появился "мастер" по созданию графиков

На примере получения температуры контура отопления разберем как строить график.
В системе MajorDoMo Project предусмотрена возможность выводить график изменения свойств любого из заданных объектов. (Условие: в настройке данного объекта задано время хранения истории значений выбранного свойства)

Как указано выше в системе предусмотрена возможность построения графиков.
Вот общий код вызова данного модуля

/pChart/?p=ОБЪЕКТ.СВОЙСТВО&type=ВРЕМЯ&width=ШИРИНАКАРТИНКИ&

Вот получения температуры контура отопления:

 за 1 час:

<img src="/pChart/?p=sensorKotel.temp&type=1h&width=280">

за 12 часов:

<img src="/pChart/?p=sensorKotel.temp&type=12h&width=280">

для вставки этого графика в меню можно задать тип пункта Custom HTML Box использовать такой код:

<div align="center"><img src="/pChart/?p=sensorKotel.temp&type=12h&width=280"></div>

вот результат нашей работы

Дополнительные параметры, которые можно указать для графика:

gtype -- тип графика (может быть: curve, bar, line -- соответственное плавная линия, столбцы, ступенчатый)
например, добавление такого параметра
&gtype=curve
выведет график в виде плавной линии

gcolor -- цвет линии графика (может быть: brown, blue, green, orange)
например, добавление такого параметра
&gcolor=blue
выведет график синего цвета

bg -- фон графика (может быть light, dark)
фон графика устанавливается автоматически, в зависимости от общей темы оформления, но можно задать вручную.
пример:
&bg=light
график будет на светлом фоне

scale -- масштабирование графика (может быть zero либо не указывается)
по-умолчанию, график автоматически масштабируется в пределах изменяемых значений, но можно указать zero, чтобы на графике была видна ось нулевого значения.
пример:
&scale=zero

 

MajorDomo

Информация

Проекты

Партнёры

edit SideBar

 
 
 

 

Blix theme adapted by David Gilbert, powered by PmWiki