Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Русский
  3. ioBroker
  4. ioBroker драйвера
  5. Драйвер Flot

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    654

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    5.7k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

Драйвер Flot

Scheduled Pinned Locked Moved ioBroker драйвера
54 Posts 11 Posters 16.0k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • BluefoxB Offline
    BluefoxB Offline
    Bluefox
    wrote on last edited by
    #41

    @VictorS:

    @Bluefox:

    А так? `

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

    Это же не excel :)

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

    1 Reply Last reply
    0
    • V Offline
      V Offline
      VictorS
      wrote on last edited by
      #42

      @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
      0
      • BluefoxB Offline
        BluefoxB Offline
        Bluefox
        wrote on last edited by
        #43

        @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
        0
        • F Offline
          F Offline
          Freemen
          wrote on last edited by
          #44

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

          1 Reply Last reply
          0
          • BluefoxB Offline
            BluefoxB Offline
            Bluefox
            wrote on last edited by
            #45

            @Freemen:

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

            1 Reply Last reply
            0
            • F Offline
              F Offline
              Freemen
              wrote on last edited by
              #46

              @Bluefox:

              @Freemen:

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

              1 Reply Last reply
              0
              • BluefoxB Offline
                BluefoxB Offline
                Bluefox
                wrote on last edited by
                #47

                @Freemen:

                @Bluefox:

                @Freemen:

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

                1 Reply Last reply
                0
                • F Offline
                  F Offline
                  Freemen
                  wrote on last edited by
                  #48

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

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

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

                  1 Reply Last reply
                  0
                  • BluefoxB Offline
                    BluefoxB Offline
                    Bluefox
                    wrote on last edited by
                    #49

                    @Freemen:

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

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

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

                    parseFloat("25. 75") => 25.0

                    1 Reply Last reply
                    0
                    • F Offline
                      F Offline
                      Freemen
                      wrote on last edited by
                      #50

                      @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
                      0
                      • Y Offline
                        Y Offline
                        yopopol
                        wrote on last edited by
                        #51

                        всем привет.

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

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

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

                        1 Reply Last reply
                        0
                        • B Offline
                          B Offline
                          bondrogeen
                          wrote on last edited by
                          #52

                          @yopopol:

                          всем привет.

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

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

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

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

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

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

                          1 Reply Last reply
                          0
                          • Y Offline
                            Y Offline
                            yopopol
                            wrote on last edited by
                            #53

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

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

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

                            1 Reply Last reply
                            0
                            • A Offline
                              A Offline
                              andrey99986
                              wrote on last edited by
                              #54

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

                              Пример-инструкция как сделать фиксированные периоды для управления масштабированием графика (для 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
                              0

                              Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                              Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                              With your input, this post could be even better 💗

                              Register Login
                              Reply
                              • Reply as topic
                              Log in to reply
                              • Oldest to Newest
                              • Newest to Oldest
                              • Most Votes


                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              540

                              Online

                              32.7k

                              Users

                              82.6k

                              Topics

                              1.3m

                              Posts
                              Community
                              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                              ioBroker Community 2014-2025
                              logo
                              • Login

                              • Don't have an account? Register

                              • Login or register to search.
                              • First post
                                Last post
                              0
                              • Home
                              • Recent
                              • Tags
                              • Unread 0
                              • Categories
                              • Unreplied
                              • Popular
                              • GitHub
                              • Docu
                              • Hilfe