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

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

Модератор: immortal

max37online
Сообщения: 39
Зарегистрирован: Ср сен 21, 2016 9:03 am
Благодарил (а): 4 раза
Поблагодарили: 5 раз

Re: Модуль Charts

Сообщение max37online » Пн ноя 06, 2017 11:47 pm

serghei писал(а):
I_I_Imonder писал(а): ...Добавил индикаторы на сцену, но они появляются на секунду и пропадают, куда рыть?
Скорее всего проблема с модулем. У меня древняя версия МД (около года). Индикаторы есть , но значений нет ( NaN ). На свежей системе значения появляются на 5 секунд и опять NaN. Браузер орет про не корректные имена свойств.


PS В общем разобрался я. Ошибка была в названии переменной. Всегда надо " название.свойство". И до кучи прицепить Jquery библиотеку. Для температуры с Openweathermap
СпойлерПоказать

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

<body onload="init()">

<canvas id="canvasTin" width="401" height="401"></canvas> // Размер спидометра
 
<script>
    var scroll = false;
    var RadialTin;
    function init() {
        // Initialzing gauge
        // Define some sections
        //раскрасим шкалу -15..+15 голубой
        //15...25 зеленый
        //-30...-15,25...30 желтый
        var sections = [steelseries.Section(-15, 15, 'rgba(0, 0, 220, 0.3)'),
                        steelseries.Section(15, 25, 'rgba(0, 220, 0, 0.3)'),
                        steelseries.Section(-30, -15, 'rgba(220, 220, 0, 0.3)'),
                        steelseries.Section(25, 30, 'rgba(220, 220, 0, 0.3)') ],

            // Define one area
            // розовый сектор
            areas = [steelseries.Section(30, 40, 'rgba(220, 0, 0, 0.3)'),
                     steelseries.Section(-40, -30, 'rgba(220, 0, 0, 0.3)'),],
            //treshold = 25 - лампочка начинает мигать
        RadialTin = new steelseries.Radial('canvasTin', {
                            gaugeType: steelseries.GaugeType.TYPE4,
                            size: 401,
                            section: sections,
                            area: areas,
                            minValue:-40,
                            maxValue:40,
                            titleString: "Температура",
                            unitString: "Градусы",
                            threshold: 25,
                            lcdVisible: true
                        });
       //RadialTin.setBackgroundColor(steelseries.BackgroundColor.WHITE);
       
        RadialTin.setBackgroundColor(steelseries.BackgroundColor.STAINLESS); // Тут внутренности спидометра
        
        
         RadialTin.setFrameDesign(steelseries.FrameDesign.GLOSSY_METAL); // Раскрашиваем обод спидометра

        //upd
       // live_upd("/pChart/?op=value&p=ws.tempInside", RadialTin);
        
            live_upd("/pChart/?op=value&p=ow_fact.temperature", RadialTin);
           
        // Start the update
        //читаем данные каждые 7 с
        setInterval(function(){ live_upd("/pChart/?op=value&p=ow_fact.temperature", RadialTin); },7000);
        
        //setInterval(function(){ live_upd("/pChart/?op=value&p=ws.tempInside", RadialTin); },7000);
}

    function live_upd(url,gauge) {
             $.ajax({
             url: url,
             }).done(function(data) { 
              if (data!='') {gauge.setValueAnimated(parseFloat(data));}
             });
     }


</script>

<script src="../SteelSeries/jquery.js"></script>  // скачиваем и прикручиваем библиотеку
 
<script src="../SteelSeries/tween-min.js"></script>
<script src="../SteelSeries/steelseries-min.js"></script>
</body>
Громадное спасибо Xor и Adzam за терпение и науку!!
Всем доброй ночи!

Не судите строго: так я и не понял как на сценах выводить индикаторы?
jquery.js - прикрутил.
Название.Свойство - все корректно. На отдельной Html все рисует... На сцене появляется на несколько секунд и пропадает...
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: Модуль Charts

Сообщение serghei » Вт ноя 07, 2017 12:04 am

К сожалению , тут я ничем помочь не могу. А что при этом орет браузер? (в смысле какие ошибки показывает?) И как ЭТО вообще на сцену вставить??
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
max37online
Сообщения: 39
Зарегистрирован: Ср сен 21, 2016 9:03 am
Благодарил (а): 4 раза
Поблагодарили: 5 раз

Re: Модуль Charts

Сообщение max37online » Вт ноя 07, 2017 11:02 am

serghei писал(а):К сожалению , тут я ничем помочь не могу. А что при этом орет браузер? (в смысле какие ошибки показывает?) И как ЭТО вообще на сцену вставить??
Ничего не орет... Просто повляется и исчезает. Все остальные элементы продолжают нормально функционировать.
а ЭТО вставляю через новый элемент html.

Может для этого элемента надо что-то сюда прописать:
Дополнительный код JavaScript
Дополнительный код CSS
...
serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: Модуль Charts

Сообщение serghei » Вт ноя 07, 2017 11:43 pm

Самому интересно стало разобраться. Но для начала объясните , чем просто .html страница отличается от сцены. И вообще как сцена создается. Я не прикалываюсь - тупо еще не приступал к изучению. Два года "посвятил" Ардуино Мега Серверу , научился передавать параметры с AMS в МД. Повторил эту картинку. А вот до сцены не дошел. Видео уроки смотрел из любопытства.
Вот вижу, что идут запросы Ажакса. А как на сцене? Можно её как то через экспорт залить себе?
СпойлерПоказать
Chart.jpg
Chart.jpg (200.32 КБ) 5521 просмотр
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
nalog
Сообщения: 10
Зарегистрирован: Чт июл 13, 2017 7:52 am
Благодарил (а): 2 раза
Поблагодарили: 2 раза

Re: Модуль Charts

Сообщение nalog » Ср ноя 08, 2017 11:43 am

Не подскажете почему видно только 2 типа отображения графиков
gauge и solid gauge
Вложения
Снимок.PNG
Снимок.PNG (5.71 КБ) 5507 просмотров
Аватара пользователя
xor
Сообщения: 2038
Зарегистрирован: Сб ноя 22, 2014 8:45 pm
Благодарил (а): 284 раза
Поблагодарили: 629 раз

Re: Модуль Charts

Сообщение xor » Ср ноя 08, 2017 9:04 pm

На вкладке графиков Общее укажите период, отличный от 0
За это сообщение автора xor поблагодарил:
nalog (Чт ноя 09, 2017 12:23 pm)
Рейтинг: 1.16%
max37online
Сообщения: 39
Зарегистрирован: Ср сен 21, 2016 9:03 am
Благодарил (а): 4 раза
Поблагодарили: 5 раз

Re: Модуль Charts

Сообщение max37online » Чт ноя 09, 2017 12:41 pm

serghei писал(а):Самому интересно стало разобраться. Но для начала объясните , чем просто .html страница отличается от сцены. И вообще как сцена создается. Я не прикалываюсь - тупо еще не приступал к изучению. Два года "посвятил" Ардуино Мега Серверу , научился передавать параметры с AMS в МД. Повторил эту картинку. А вот до сцены не дошел. Видео уроки смотрел из любопытства.
Вот вижу, что идут запросы Ажакса. А как на сцене? Можно её как то через экспорт залить себе?
СпойлерПоказать
Chart.jpg
С точки зрения пользователя: для создания сцены есть встроенный инструмент. Можно не владея навыками web дизайна (как я, например :-) ) сделать красивую картинку например с домом, пдложить его подложкой на сцену, и набросать на него кнопок/информеров и всего-всего-всего...
А что там закопано в сцене со стороны системы, и что там сверху навернуто по отношению к обычному html - надо спрашивать автора. Сергей, вы читаете?
Если у вас MD уже крутиться - ничего заливать не надо - попробуйте созать просто пустую сцену с любым элементом SteelSeries.
Делается это добавлением на сцену элемента html, в котором вы просто прописываете код.
olegvolk75
Сообщения: 141
Зарегистрирован: Сб мар 11, 2017 7:03 pm
Благодарил (а): 50 раз
Поблагодарили: 15 раз

Re: Модуль Charts

Сообщение olegvolk75 » Чт ноя 09, 2017 4:43 pm

Подскажите, можно ли сделать фиксированную шкалу на графике? Т.е. чтоб по вертикали масштаб не менялся в зависимости от значений на графике. Поиском пользовался, не нашел.
Orange Pi PCPlus, Debian Stretch with Armbian Linux 4.19.62-sunxi
Delphin
Сообщения: 23
Зарегистрирован: Сб сен 30, 2017 2:35 am
Благодарил (а): 10 раз
Поблагодарили: 0

Re: Модуль Charts

Сообщение Delphin » Сб ноя 11, 2017 4:51 pm

nick7zmail писал(а):Соглашусь)) Сергей, просим зум))
Присоединяюсь, хотелось бы в графиках просматривать историю, за определенный период.
Вложения
hystory.jpg
hystory.jpg (99.46 КБ) 5398 просмотров
lysyy
Сообщения: 113
Зарегистрирован: Вт июн 09, 2015 9:41 pm
Откуда: Moscow
Благодарил (а): 15 раз
Поблагодарили: 9 раз

Re: Модуль Charts

Сообщение lysyy » Вс ноя 26, 2017 11:19 pm

Доброго времени суток, коллеги!
Подскажите, как выгрузить график в картинку, что бы себе отчеты кидать?
Ответить