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

Разработка дополнительных модулей, подключение различных приложений.

Модератор: immortal

Logrus
Сообщения: 2079
Зарегистрирован: Пт апр 07, 2017 12:20 pm
Благодарил (а): 313 раз
Поблагодарили: 457 раз

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

Сообщение Logrus » Вт ноя 13, 2018 1:03 pm

СпойлерПоказать
Снимок.PNG
Снимок.PNG (62.81 КБ) 3502 просмотра
ага вручную вбил, со статьей еще не разбирался, пошел вникать
Telegram | Блог
Raspberry Pi3, с образа от Сергея 3.31, PHP 7, флешка 16 Гб работает с 10.09.2017
Почти всё время уходит на исправление ошибок, оставшееся - на их повторение. (с) ))) Спасибо
olehs
Сообщения: 1115
Зарегистрирован: Вс июн 14, 2015 11:08 am
Благодарил (а): 85 раз
Поблагодарили: 342 раза

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

Сообщение olehs » Вт ноя 13, 2018 1:35 pm

skysilver писал(а):
Вт ноя 13, 2018 11:22 am
olehs писал(а):
Вт ноя 13, 2018 10:10 am
мой тоже http://majordomo.smartliving.ru/forum/v ... 048#p76048
А как теперь в новом варианте делать локализацию графика?
Что-то придумаем....
За это сообщение автора olehs поблагодарил:
Logrus (Вт ноя 13, 2018 1:54 pm)
Рейтинг: 1.16%
olehs
Сообщения: 1115
Зарегистрирован: Вс июн 14, 2015 11:08 am
Благодарил (а): 85 раз
Поблагодарили: 342 раза

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

Сообщение olehs » Вт ноя 13, 2018 2:15 pm

skysilver писал(а):
Вт ноя 13, 2018 11:22 am
А как теперь в новом варианте делать локализацию графика?
Локализовывать после апдейта можно будет так

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

(config, options) => {
  options.lang = {
      loading: 'Загрузка...',
      months: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
      weekdays: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
      shortMonths: ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сент', 'Окт', 'Нояб', 'Дек'],
      exportButtonTitle: "Экспорт",
      printButtonTitle: "Печать",
      rangeSelectorFrom: "С",
      rangeSelectorTo: "По",
      rangeSelectorZoom: "Период",
      downloadPNG: 'Скачать PNG',
      downloadJPEG: 'Скачать JPEG',
      downloadPDF: 'Скачать PDF',
      downloadSVG: 'Скачать SVG',
      printChart: 'Напечатать график',
      resetZoom: 'Сбросить зум',
      resetZoomTitle: 'Сбросить зум',
      thousandsSep: " ",
      decimalPoint: '.'
   }
}
За это сообщение автора olehs поблагодарили (всего 2):
Logrus (Вт ноя 13, 2018 2:54 pm) • skysilver (Вт ноя 13, 2018 3:22 pm)
Рейтинг: 2.33%
Logrus
Сообщения: 2079
Зарегистрирован: Пт апр 07, 2017 12:20 pm
Благодарил (а): 313 раз
Поблагодарили: 457 раз

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

Сообщение Logrus » Вт ноя 13, 2018 4:01 pm

чет малехо поломалось
в модуле без

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

(config, options) => {

}
не работают и в ПУ все не работают
Telegram | Блог
Raspberry Pi3, с образа от Сергея 3.31, PHP 7, флешка 16 Гб работает с 10.09.2017
Почти всё время уходит на исправление ошибок, оставшееся - на их повторение. (с) ))) Спасибо
olehs
Сообщения: 1115
Зарегистрирован: Вс июн 14, 2015 11:08 am
Благодарил (а): 85 раз
Поблагодарили: 342 раза

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

Сообщение olehs » Вт ноя 13, 2018 5:14 pm

Logrus писал(а):
Вт ноя 13, 2018 4:01 pm
чет малехо поломалось
в модуле без

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

(config, options) => {

}
не работают и в ПУ все не работают
Пустое поле починил.
С ПУ не очень понимаю, о чем речь.
За это сообщение автора olehs поблагодарил:
Logrus (Вт ноя 13, 2018 5:33 pm)
Рейтинг: 1.16%
Logrus
Сообщения: 2079
Зарегистрирован: Пт апр 07, 2017 12:20 pm
Благодарил (а): 313 раз
Поблагодарили: 457 раз

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

Сообщение Logrus » Вт ноя 13, 2018 5:32 pm

СпойлерПоказать
Снимок.PNG
Снимок.PNG (64.97 КБ) 3468 просмотров
в два поста придется
Telegram | Блог
Raspberry Pi3, с образа от Сергея 3.31, PHP 7, флешка 16 Гб работает с 10.09.2017
Почти всё время уходит на исправление ошибок, оставшееся - на их повторение. (с) ))) Спасибо
Logrus
Сообщения: 2079
Зарегистрирован: Пт апр 07, 2017 12:20 pm
Благодарил (а): 313 раз
Поблагодарили: 457 раз

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

Сообщение Logrus » Вт ноя 13, 2018 5:33 pm

СпойлерПоказать
Снимок2.PNG
Снимок2.PNG (26.35 КБ) 3467 просмотров
это график со скрина выше из пу, на сцене аналогично
Telegram | Блог
Raspberry Pi3, с образа от Сергея 3.31, PHP 7, флешка 16 Гб работает с 10.09.2017
Почти всё время уходит на исправление ошибок, оставшееся - на их повторение. (с) ))) Спасибо
m_andrey
Сообщения: 13
Зарегистрирован: Чт мар 08, 2018 9:54 am
Благодарил (а): 3 раза
Поблагодарили: 4 раза

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

Сообщение m_andrey » Вт ноя 13, 2018 5:41 pm

Только что накатил последнее обновление, все заработало!
olehs
Сообщения: 1115
Зарегистрирован: Вс июн 14, 2015 11:08 am
Благодарил (а): 85 раз
Поблагодарили: 342 раза

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

Сообщение olehs » Вт ноя 13, 2018 9:49 pm

Еще один нюанс.
Для совместимости с более старыми браузерами используйте стандартное объявление функции вместо стрелочного

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

function(config, options) {

}
У меня, например, возникла проблема с Мажордроид на старом Андроиде (4.4)
За это сообщение автора olehs поблагодарил:
skysilver (Ср ноя 14, 2018 11:47 am)
Рейтинг: 1.16%
skysilver
Сообщения: 3006
Зарегистрирован: Чт авг 21, 2014 8:28 am
Откуда: Киров, Россия
Благодарил (а): 400 раз
Поблагодарили: 1753 раза
Контактная информация:

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

Сообщение skysilver » Ср ноя 14, 2018 11:48 am

Дополнил статью с учетом обновлений модуля.

Если что, то полный код настройки графика через опцию Highcharts Setup будет выглядеть так:
СпойлерПоказать

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

function (config, options) {
config.credits = {enabled: false};
config.legend= {enabled: false};
config.yAxis = {title: null};
config.xAxis = {
   type: 'datetime',
   tickPosition: 'inside',
   labels: {
      overflow: 'justify',
      rotation: -45,
      style: {fontSize: '11px'}
   },
   dateTimeLabelFormats: {day: '%e %b'}
};
config.title = {
   text: 'Температура на улице',
   style: {
      color: '#FFF',
      font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
   }
};
config.series = [{
   name: 'Температура',
   tooltip: {
      valueSuffix: ' °C',
   },
   marker: {
      enabled: true,
      radius: 1,
   },
   states: {
      hover: {lineWidth: 2}
   },
   color: '#FF3333',
   negativeColor: '#48AFE8',
   data: []
}];
options.lang = {
      loading: 'Загрузка...',
      months: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
      weekdays: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
      shortMonths: ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сент', 'Окт', 'Нояб', 'Дек'],
      exportButtonTitle: "Экспорт",
      printButtonTitle: "Печать",
      rangeSelectorFrom: "С",
      rangeSelectorTo: "По",
      rangeSelectorZoom: "Период",
      downloadPNG: 'Скачать PNG',
      downloadJPEG: 'Скачать JPEG',
      downloadPDF: 'Скачать PDF',
      downloadSVG: 'Скачать SVG',
      printChart: 'Напечатать график',
      resetZoom: 'Сбросить зум',
      resetZoomTitle: 'Сбросить зум',
      thousandsSep: " ",
      decimalPoint: '.'
   }
}
За это сообщение автора skysilver поблагодарили (всего 5):
olehs (Ср ноя 14, 2018 6:39 pm) • Plug (Ср ноя 14, 2018 10:30 pm) • Jilber (Сб ноя 17, 2018 6:15 pm) • ~220v (Вт апр 14, 2020 4:05 am) • Divan (Пт май 29, 2020 10:52 pm)
Рейтинг: 5.81%
MajorDoMo (GitHub) на Cubietruck. ОС Debian 7 (wheezy) (kernel 3.4.105) с переносом на HDD.
Мой CONNECT | Блоги | Telegram
Ответить