[Модуль] Charts (charts)

[dengi.76]

Подтверждаю! Тоже всё пропало! Спас - откат!

[andrey040670]

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

Код: Выделить всё

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]

Спасибо!
После обновления ваш код работает, мой перестаёт! Буду сравнивать. Где то ошибка закралась, хотя делал по примерам с этого же форума.

[EKrivonogov]

Нашёл причину.
При каком то очередном обновлении криво работала подсказка (тултип), если на графике более одной линии.
Кто то предложил костыль для исправления, и я им воспользовался. Требовалось в начале кода строчку

Код: Выделить всё

function (config, options) {

заменить на

Код: Выделить всё

config => {
config.tooltip = {
formatter: function () {
  var series = this.point.series.chart.series,
        index = this.point.series.points.indexOf(this.point),
        str = '';

for (var i = series.length-1; i >=0; i--) {

    str += series[i].name + ' : ' + series[i].points[index].y + '<br/>';
  }
  return str;
}
  };

и проблема частично исправлялась.
После последнего обновления этот костыль перестал работать. Вернул назад, и мой код заработал!

[~220v]

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

Фух, спасибо что отписались о решении бо намучился с такими апдейтами ... Аналогично было:
заменил config => { на
function (config, options) {
и заработало

[homester]

Подскажите пожалуйста, как из сцены по onclick вызвать определенный график.

[Samir77]

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

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


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


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


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

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


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

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

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

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

Кто подскажет , не могу отправить в телегу график , ID11?12 и так далее.. в пхпмайадмин в таблице крайний столбик в charts указано null? как исправить?
Заранее благодарен за ответ!
Старые графики отправляються без проблем...
альфа , raspberry3

[AK1]

Та же проблема. При изменении настроек графика не меняется поле HIGHCHARTS_CONFIG. Если менять вручную в phpmyadmin, то меняется.
Для новых графиков HIGHCHARTS_CONFIG не создается.

Откатил action_usual.html и все заработало

[kotbrs]

img33.png (128.04 КБ) 3466 просмотров

Добрый день!
С некоторого обновления модуля Charts, в новых графиках, где более одной переменной отображается (нижний на картинке), слева появляются для каждой переменной подсказки со значениями для шкалы Y. При этом на ранее созданных графиках(верхний на картинке) этого не появляется, то есть диапазон Y растягивается на графике, исходя из макс и мин значений отображаемых переменных.

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

[xor]

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

у меня одна шкала, если указана одна и та же единица измерения для всех групп данных. Вроде, и у вас на первом скрине градусы присутствуют, а на втором - нет

2022-01-22_02-00-06.png (30.04 КБ) 3441 просмотр