Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Русский
    3. ioBroker
    4. ioBroker драйвера
    5. Драйвер Flot

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Драйвер Flot

    This topic has been deleted. Only users with topic management privileges can see it.
    • Bluefox
      Bluefox last edited by

      А так?
      48_2017-01-26_22_10_25-flot_edit.png
      48_2017-01-26_22_10_57-flot_edit.png

      1 Reply Last reply Reply Quote 0
      • Bluefox
        Bluefox last edited by

        @andrey99986:

        Как должна работать настройка в "Входные-данные"-"Ещё"-"Сглаживание" ?

        Установил параметр в 10, по логике должно брать среднее из 10 соседних значений (+-5) (линейно или более сложно используя вес).

        У меня вот такая картинка выходит. Думаю что при "сглаживании" в новом графике не должны превышаться исходные реальные максимальные значения.

        Красная линия - исходные данные.

        Зелёная линия - те же данные со сглаживанием "10". `
        Очень интересно:

        Используется вот этот алгоритм. https://github.com/ioBroker/ioBroker.fl … ta.js#L713

        Сейчас вижу ошибку, но она возможна только если попадаются null значения.

        Обновил на гите алгоритм.

        1 Reply Last reply Reply Quote 0
        • A
          andrey99986 last edited by

          @Bluefox:

          @andrey99986:

          Как должна работать настройка в "Входные-данные"-"Ещё"-"Сглаживание" ?

          Установил параметр в 10, по логике должно брать среднее из 10 соседних значений (+-5) (линейно или более сложно используя вес).

          У меня вот такая картинка выходит. Думаю что при "сглаживании" в новом графике не должны превышаться исходные реальные максимальные значения.

          Красная линия - исходные данные.

          Зелёная линия - те же данные со сглаживанием "10". `
          Очень интересно:

          Используется вот этот алгоритм. https://github.com/ioBroker/ioBroker.fl … ta.js#L713

          Сейчас вижу ошибку, но она возможна только если попадаются null значения.

          Обновил на гите алгоритм. `
          Спасибо, вроде заработало когда поставил "Игнорировать null".

          1 Reply Last reply Reply Quote 0
          • V
            VictorS last edited by

            @Bluefox:

            А так? `

            немного не так. сдвиг оси x в один день с одновременным изменением интервала выборки вместо now -> end of day приводит к тому что показываются данные за предыдущие сутки. никакого вычитания значений не происходит.

            1 Reply Last reply Reply Quote 0
            • Bluefox
              Bluefox last edited by

              @VictorS:

              @Bluefox:

              А так? `

              немного не так. сдвиг оси x в один день с одновременным изменением интервала выборки вместо now -> end of day приводит к тому что показываются данные за предыдущие сутки. никакого вычитания значений не происходит. `
              вычитания??

              Это же не excel 🙂

              Тебе нужны influxdb + graphite. Я именно из-за этого встроил influxDB.

              1 Reply Last reply Reply Quote 0
              • V
                VictorS last edited by

                @Bluefox:

                @VictorS:

                @Bluefox:

                А так? `

                немного не так. сдвиг оси x в один день с одновременным изменением интервала выборки вместо now -> end of day приводит к тому что показываются данные за предыдущие сутки. никакого вычитания значений не происходит. `
                вычитания??

                Это же не excel 🙂

                Тебе нужны influxdb + graphite. Я именно из-за этого встроил influxDB. `

                ну под вычитанием я имел ввиду разницу между показаниями начала суток предудущего и текущего дня. Иначе в чем смысл твокго совета сдвинуть X-axis на сутки?

                насчет influxdb + graphite - ты имел ввиду наверное influxdb + grafana? ибо и influxdb и graphite - это по сути time series DB, плюс в последней есть инструменты по визуализации..

                очень интересные инструменты, надо изучить… кстати я так понимаю что именно DB подобные influxdb идеальная база для IOB, так как в любой db он хранит информацию как time series. ее вообще по умолчанию включить можно было бы...

                кстати, а flot будет тянуть данные из influxdb без проблем?

                1 Reply Last reply Reply Quote 0
                • Bluefox
                  Bluefox last edited by

                  @VictorS:

                  @Bluefox:

                  @VictorS:

                  немного не так. сдвиг оси x в один день с одновременным изменением интервала выборки вместо now -> end of day приводит к тому что показываются данные за предыдущие сутки. никакого вычитания значений не происходит. `
                  вычитания??

                  Это же не excel 🙂

                  Тебе нужны influxdb + graphite. Я именно из-за этого встроил influxDB. `

                  ну под вычитанием я имел ввиду разницу между показаниями начала суток предудущего и текущего дня. Иначе в чем смысл твокго совета сдвинуть X-axis на сутки?

                  насчет influxdb + graphite - ты имел ввиду наверное influxdb + grafana? ибо и influxdb и graphite - это по сути time series DB, плюс в последней есть инструменты по визуализации..

                  очень интересные инструменты, надо изучить… кстати я так понимаю что именно DB подобные influxdb идеальная база для IOB, так как в любой db он хранит информацию как time series. ее вообще по умолчанию включить можно было бы...

                  кстати, а flot будет тянуть данные из influxdb без проблем? `
                  я имел ввиду именно graphite. Т.к. grafana такого не может. (Не могла 2 года назад. Сейчас не знаю).

                  InfluxDB надо инсталлировать. Ты бы знал, сколько проблем просто с node.js. Люди ничего не могут и не хотят знать. А ты предлагаешь их заставить ставить ещё базу данных :?

                  1 Reply Last reply Reply Quote 0
                  • F
                    Freemen last edited by

                    Почему то не могу построить график данных с точностью до сотых. В sql данные точность до сотых, на графике целые. Где эти настройки? Описание драйвера и его настройка прочитал, но есть ли такая настройка и где она так и не понял 😢 . Тыкните носом плиз..

                    1 Reply Last reply Reply Quote 0
                    • Bluefox
                      Bluefox last edited by

                      @Freemen:

                      Почему то не могу построить график данных с точностью до сотых. В sql данные точность до сотых, на графике целые. Где эти настройки? Описание драйвера и его настройка прочитал, но есть ли такая настройка и где она так и не понял 😢 . Тыкните носом плиз.. `
                      48_2017-03-25_07_02_41-flot_edit.png

                      1 Reply Last reply Reply Quote 0
                      • F
                        Freemen last edited by

                        @Bluefox:

                        @Freemen:

                        Почему то не могу построить график данных с точностью до сотых. В sql данные точность до сотых, на графике целые. Где эти настройки? Описание драйвера и его настройка прочитал, но есть ли такая настройка и где она так и не понял 😢 . Тыкните носом плиз..
                        Самое первое что делал, так это. Не помогает.

                        1 Reply Last reply Reply Quote 0
                        • Bluefox
                          Bluefox last edited by

                          @Freemen:

                          @Bluefox:

                          @Freemen:

                          Почему то не могу построить график данных с точностью до сотых. В sql данные точность до сотых, на графике целые. Где эти настройки? Описание драйвера и его настройка прочитал, но есть ли такая настройка и где она так и не понял 😢 . Тыкните носом плиз..
                          Самое первое что делал, так это. Не помогает. `
                          А что ты там написал?
                          48_2017-03-25_16_21_26-flot_edit.png

                          1 Reply Last reply Reply Quote 0
                          • F
                            Freemen last edited by

                            Ну поставил, 2 знака после запятой :roll:. Если есть время можно посмотреть:

                            https://drive.google.com/open?id=0BwZuz … zN6azBiS3M

                            На вэб страничке устройства графики рисуются с thingspeak.com. В брокере имею целочисленные показания

                            1 Reply Last reply Reply Quote 0
                            • Bluefox
                              Bluefox last edited by

                              @Freemen:

                              Ну поставил, 2 знака после запятой :roll:. Если есть время можно посмотреть:

                              https://drive.google.com/open?id=0BwZuz … zN6azBiS3M

                              На вэб страничке устройства графики рисуются с thingspeak.com. В брокере имею целочисленные показания `
                              У тебя значения "25._75". Там пробел в значении и поэтому оно интерпретируется, как

                              parseFloat("25. 75") => 25.0

                              1 Reply Last reply Reply Quote 0
                              • F
                                Freemen last edited by

                                @Bluefox:

                                @Freemen:

                                Ну поставил, 2 знака после запятой :roll:. Если есть время можно посмотреть:

                                https://drive.google.com/open?id=0BwZuz … zN6azBiS3M

                                На вэб страничке устройства графики рисуются с thingspeak.com. В брокере имею целочисленные показания `
                                У тебя значения "25._75". Там пробел в значении и поэтому оно интерпретируется, как

                                parseFloat("25. 75") => 25.0 `
                                Да действительно. Огромное спасибо. А то на голове волос почти не осталось, так я в другом месте два дня рвал :lol: .

                                Все из за sprintf(). Пришлось ее применить потому что думаю всем известна проблема форматного вывода float в ESP 😢.

                                1 Reply Last reply Reply Quote 0
                                • Y
                                  yopopol last edited by

                                  всем привет.

                                  подскажите пожалуйста как сделать свой график для каждой переменной?

                                  есть три переменные,приходят по MQTT. Но у меня получается только все три воткнуть на один график,переплетение линий и воспринимается не очень нормально.

                                  как сделать,чтобы для каждой переменной был собственный график (поле с графиком)?

                                  1 Reply Last reply Reply Quote 0
                                  • B
                                    bondrogeen last edited by

                                    @yopopol:

                                    всем привет.

                                    подскажите пожалуйста как сделать свой график для каждой переменной?

                                    есть три переменные,приходят по MQTT. Но у меня получается только все три воткнуть на один график,переплетение линий и воспринимается не очень нормально.

                                    как сделать,чтобы для каждой переменной был собственный график (поле с графиком)? `

                                    Так и делай для каждой переменной свой график.

                                    ссылка генерируется с параметрами своя.

                                    Потом просто копируешь ссылку и вставляешь в vis

                                    1 Reply Last reply Reply Quote 0
                                    • Y
                                      yopopol last edited by

                                      только что разобрался сам )))

                                      но спасибо за беспокойство )

                                      з.ы. еще раз убеждаюсь,что тут очень отзывчивые и понимающие люди

                                      1 Reply Last reply Reply Quote 0
                                      • A
                                        andrey99986 last edited by

                                        Для масштабирования графика можно использовать колесико мыши, а можно задать фиксированные периоды.

                                        Пример-инструкция как сделать фиксированные периоды для управления масштабированием графика (для FAQ/HowTo):

                                        1.Создаём в Админке-Скриптах в любом скрипте объект :

                                        createState("Список временных периодов для термостата №1",60);
                                        

                                        2. Копируем url из строки url драйвера flot в текстовый редактор.

                                        Строка будет подобно такой:

                                        http://1.1.1.1:8082/flot/index.html?l%5B0%5D%5Bid%5D=megadd.0.p10_P10_-_unknown&l%5B0%5D%5Binstance%5D=sql.0&l%5B0%5D%5Boffset%5D=0&l%5B0%5D%5Baggregate%5D=minmax&l%5B0%5D%5Bcolor%5D=%23FF0000&l%5B0%5D%5Bthickness%5D=3&l%5B0%5D%5Bshadowsize%5D=3&l%5B0%5D%5BignoreNull%5D=true&l%5B0%5D%5BafterComma%5D=2&timeType=relative&relativeEnd=now&range=180&aggregateType=step&aggregateSpan=300&hoverDetail=true&useComma=false&zoom=true&noedit=true&animation=0&live=30&noBorder=noborder&timeFormat=%25H%3A%25M+%3Cbr%3E+%25d.%25m
                                        
                                        

                                        2. В текстовом редакторе находим аргумент "range=" и меняем числовое значение на {javascript.0.Список временных периодов для термостата №1}

                                        Должно получиться в итоге:

                                        http://1.1.1.1:8082/flot/index.html?l%5B0%5D%5Bid%5D=megadd.0.p10_P10_-_unknown&l%5B0%5D%5Binstance%5D=sql.0&l%5B0%5D%5Boffset%5D=0&l%5B0%5D%5Baggregate%5D=minmax&l%5B0%5D%5Bcolor%5D=%23FF0000&l%5B0%5D%5Bthickness%5D=3&l%5B0%5D%5Bshadowsize%5D=3&l%5B0%5D%5BignoreNull%5D=true&l%5B0%5D%5BafterComma%5D=2&timeType=relative&relativeEnd=now&range={javascript.0.Список временных периодов для термостата №1}&aggregateType=step&aggregateSpan=300&hoverDetail=true&useComma=false&zoom=true&noedit=true&animation=0&live=30&noBorder=noborder&timeFormat=%25H%3A%25M+%3Cbr%3E+%25d.%25m
                                        

                                        3. В редакторе VIS в свойства элемента basic-Iframe вставляем в поле Адрес часть урла из модифицированной строки, начиная с "/flot..":

                                        /flot/index.html?l%5B0%5D%5Bid%5D=megadd.0.p10_P10_-_unknown&l%5B0%5D%5Binstance%5D=sql.0&l%5B0%5D%5Boffset%5D=0&l%5B0%5D%5Baggregate%5D=minmax&l%5B0%5D%5Bcolor%5D=%23FF0000&l%5B0%5D%5Bthickness%5D=3&l%5B0%5D%5Bshadowsize%5D=3&l%5B0%5D%5BignoreNull%5D=true&l%5B0%5D%5BafterComma%5D=2&timeType=relative&relativeEnd=now&range={javascript.0.Список временных периодов для термостата №1}&aggregateType=step&aggregateSpan=300&hoverDetail=true&useComma=false&zoom=true&noedit=true&animation=0&live=30&noBorder=noborder&timeFormat=%25H%3A%25M+%3Cbr%3E+%25d.%25m
                                        

                                        При этом график отображаться не будет, это нормально. Он будет отображаться при просмотре страницы.

                                        4. Рядом с графиком создадим элемент "jqui- Select ValueList"

                                        В свойствах ID Объекта выбираем объект : "javascript.0.Список временных периодов для термостата №1"

                                        В "значениях" (минуты) : 60;1440;10080;44640

                                        В "Тексты" : час;сутки;неделя;месяц

                                        5. Готово, можно смотреть в просмотре.
                                        1444_flot1.png
                                        1444_flot2.png

                                        1 Reply Last reply Reply Quote 0
                                        • First post
                                          Last post

                                        Support us

                                        ioBroker
                                        Community Adapters
                                        Donate

                                        864
                                        Online

                                        31.9k
                                        Users

                                        80.1k
                                        Topics

                                        1.3m
                                        Posts

                                        11
                                        54
                                        14166
                                        Loading More Posts
                                        • Oldest to Newest
                                        • Newest to Oldest
                                        • Most Votes
                                        Reply
                                        • Reply as topic
                                        Log in to reply
                                        Community
                                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                        The ioBroker Community 2014-2023
                                        logo