MajorDoMo

EKrivonogov писал(а): ↑

Ср май 05, 2021 1:53 pm

Можно ваш код графика атмосферного давления для образца?

function (config, options) {
config.credits = {enabled: false};
config.legend= {enabled: false};
config.yAxis = {
   title: null,
   tickPixelInterval: 12,
};
config.xAxis = {
   type: 'datetime',
   minorTickInterval: 'auto',
   tickPosition: 'inside',
   tickLength: 6,
   labels: {
      overflow: 'justify',
      style: {fontSize: '11px'}
   }
};
config.title = {
   text: 'Атмосферное давление BMP 180',
   style: {
      color: '#999',
      font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
   }
};
config.series = [{
   name: 'Атмосферное давление BMP 180',
   tooltip: {
      valueSuffix: ' mmhp',
   },
   marker: {
      enabled: false,
      radius: 1,
   },
   states: {
      hover: {lineWidth: 2}
   },
   zones: [{
      value: 740,
      color: 'red'
   }, {
      value: 745,
      color: 'yellow'
   }, {
      value: 755,
      color: '#00ff00'
   }, {
      value: 760,
      color: 'yellow'
   }, {
      color: 'red'
   }]
}];
options.lang = {
      loading: 'Загрузка...',
      months: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
      weekdays: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
      shortMonths: ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сент', 'Окт', 'Нояб', 'Дек'],
      exportButtonTitle: "Экспорт",
      printButtonTitle: "Печать",
      rangeSelectorFrom: "С",
      rangeSelectorTo: "По",
      rangeSelectorZoom: "Период",
      downloadPNG: 'Скачать PNG',
      downloadJPEG: 'Скачать JPEG',
      downloadPDF: 'Скачать PDF',
      downloadSVG: 'Скачать SVG',
      printChart: 'Напечатать график',
      resetZoom: 'Сбросить зум',
      resetZoomTitle: 'Сбросить зум',
      thousandsSep: " ",
      decimalPoint: '.'
   };
}

EKrivonogov писал(а): ↑

Чт май 06, 2021 12:57 pm

Кто то предложил костыль для исправления, и я им воспользовался. Требовалось в начале кода строчку

sergejey писал(а): ↑

Пт мар 04, 2016 4:09 pm

В маркет добавлен новый модуль Charts. Модуль предназначен для построения графиков на базе библиотеки HighCharts.
Собственно, в том или ином виде графики были всегда и всегда были нарекания по их работе. Это очередная попытка навести с ними порядок.

Итак, после установки модуля, в разделе Объекты появляется новый пункт Charts:


В этом разделе можно создавать такие сущности, как график, задавая ему название (опционально под-название) и определяя лимит времени для выборки данных:


После создания графика, можно перейти в раздел данных, где добавляются непосредственно данные:


Для каждого элемента данных задаётся название, единица измерения, связанное свойство, а так же приоритет вывода (чем выше, тем раньше идёт).

Собственно, после добавления данных результат можно сразу видеть под настройками:


Там же идёт небольшая подсказка с кодом, который можно вставить в пункт меню (тип HTML), на домашнюю страницу либо в сцену.
Пример вызова: [#module name="charts" id="1" width="100%" height="400" interval="3600"#] (кроме id все параметры не обязательны)
width -- ширина графика (может быть в процентах и в пикселях)
height -- высота графика
interval --период обновления графика (в секундах)

По возможностям:
* После вставки кода вывода графика всегда можно вернуться и поменять его параметры
* Поддерживается тёмная/светлая тема оформления
* Два (пока) типа графиков -- линия и столбцы
* Если подключаемые свойства имеют одинаковое название (например Room1.temp и Room2.temp), то данные будут выводится в масштабе одной шкалы, иначе для каждого свойства своя шкала (как в примере выше)

В будущем планируется добавить другие типы графиков, в том числе не только исторические, но и "одномоментные" (типа спидометра и т.д.)

Пример дополнительных значений (цвет шкалы)
ещё пример доп значений (цвет шкалы)
Некоторые индикаторы не модуля
Ещё индикаторы

kotbrs писал(а): ↑

Пт янв 21, 2022 6:13 pm

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