Test eCharts Adapter

Homoran

ich denke mal es wird ein Bargraph noch implementiert. Oder?

Kann ich dir nicht versprechen. Kommt immer auf die freie Zeit der Entwickler an.

Da hatte ich bei Flotcharts am Anfang erheblich Probleme mit.

Schön, wenn es jetzt für dich einfacher ist. Aber wo hattest du denn bei Flot die Probleme?
Dort ist IMHO nur die Eingabe der Konfigurationen etwas anders strukturiert.

@werners sagte in Test eCharts Adapter:

hier der gewünschte Screenshot

Jetzt sehe ich was du meinst.
Ich arbeite immer noch mit flot, nur testweise den ein oder anderen Chart mit eCharts.

Das ist natürlich auch vom eigenen Geschmack abhängig, wobei "überschreiben" gar nicht geht
Mach bitte ein Issue auf

a200

@homoran Gibt es einen Trick mit dem ich die Farbe eines Graphes abhängig von dem Wert machen kann? also z.B.
Wert <0 : blue
Wert >=0 : red

Homoran

@a200 sagte in Test eCharts Adapter:

Gibt es einen Trick mit dem ich die Farbe eines Graphes abhängig von dem Wert machen kann? also z.B.

nicht dass ich wüsste.
Aber die Linie hat ja unterschiedliche Werte. Soll dann in der Linie dauernd die Farbe wechseln?
Dann nimm doch lieber eine (zwei) Markierung(en) und färbe dir den Hintergrund im Entscheidungsbereich mit z.B.50% Deckung entsprechend ein

a200

@homoran Um es kurz zu erklären. Ich habe für die Kinderzimmer eine CO2-Ampel gebaut (ESP+Sensor+LED+ESPHome). Die Werte sind zu 90% in Ordnung und die Kurve sollte dann auch grün angezeigt werden. Ab einem bestimmen Wert dann gelb und rot.

Die Markierungen, die du vorschlägst sind nicht so optimal für meine Lösung. Es sei denn man kann es doch noch so umsetzen, wie ich es mir vorstelle, nur ich kenne die Funktion nicht. Mein Graph bewegst sich in der meisten Zeit zwischen 400-650. Wenn ich jetzt eine Markierungen setze 0-1200 (grün), 1200-1800 (gelb) und 1800-2600 (rot), dann ist mein Graph die meiste Zeit zu winzig, dass man ihn nicht sehen kann. Die Idee ist (wie in Grafana) dass mein Graph immer die volle Höhe einnimmt und nur bei der Überschreitung der Grenzwerte die Markierungen sichtbar werden. Allerdings habe ich eine solche Option in eCharts noch nicht gesehen.

Trotzdem vielen Dank für deine Ideen. LG a200.

Homoran

@a200 sagte in Test eCharts Adapter:

Die Idee ist (wie in Grafana) dass mein Graph immer die volle Höhe einnimmt und nur bei der Überschreitung der Grenzwerte die Markierungen sichtbar werden

da gab es schon mal eine Frage zu.
ich fürchte das geht nicht.

@a200 sagte in Test eCharts Adapter:

dann ist mein Graph die meiste Zeit zu winzig, dass man ihn nicht sehen kann.

ich verstehe. Hab so was mit Feinstaub:

wobei ich die Gefahr bei dir weniger sehe. 450 ist nach meiner Kenntnis die unterste Messschwelle., bis 1800 ist die Spreizung noch machbar. Werte über 2000 habe ich noch nie gehabt, außer ich habe mein Whiskyglas druntergestellt. (Der sensor misst ja meist VOC)

EDIT:
Habe eben mal schnell meine CO2-Sensor auf Logging gestellt und auf die Schnelle mit Flot etwas gebastelt.

Ich sehe da kein Problem mit den winzigen Änderungen.
Die sind ja auch unerheblich. Was willst du da sehen?
Interessant ist die "Großwetterlage", wenn sich der CO2 Wert in eine andere Region bewegt. Ob jetzt 450 oder 455 ist doch egal!?

a200

@homoran Halb so wild. Ich habe es, ähnlich wie du gelöst. Neben des Charts habe ich noch eine Textüberschrift eingefügt, die über Bindings unterschiedliche Inhalte + Farbe verwendet.

Homoran

@a200 sagte in Test eCharts Adapter:

Neben des Charts habe ich noch eine Textüberschrift eingefügt, die über Bindings unterschiedliche Inhalte + Farbe verwendet.

das machen die Widgets beim Feinstaub von alleine.
Sie ändern linear die Farbe von Grün über gelb nach rot, je nachdem wie der Wert ist
Da braucht`s keine Bindings

WernerS

@homoran

Hallo

ich wollte was mit echarts machen aber in der vis taucht das widegt nicht auf. An was kann das liegen?

Gruß
Werner

Homoran

@werners sagte in Test eCharts Adapter:

An was kann das liegen?

https://forum.iobroker.net/search?term=echart widget&in=titlesposts

WernerS

@homoran

Sorry aber bei hat nichts geholfen. Habe die Instanz auch de und dann neu installiert
Wenn ich bei den widgets echarts eingeben ist unten alles leer

Gruß
Werner

Homoran

@werners
hast du einen forced refresh am Browser gemacht? (STRG-F5??)

wenn ja

iobroker stop
iobroker upload echarts
iobroker upload vis
iobroker start

sigi234

@homoran sagte in Test eCharts Adapter:

@werners

iobroker stop
iobroker upload echarts
iobroker upload vis
iobroker start

Jupp, und mal den Browser Cache komplett leeren.

WernerS

@sigi234
@homoran

Seltsam. Ich hatte die echarts instanz auf einem slave. Ich habe sie deinstalliert und eine auf dem master versucht zu erzeugen. Da kam dann das

$ iobroker add echarts --host iobroker

NPM version: 7.4.3

npm install iobroker.echarts@1.0.3 --loglevel error --prefix "/opt/iobroker" (System call)

npm ERR! code ENOTEMPTY

npm ERR! syscall renamenpm ERR! path /opt/iobroker/node_modules/node-fetchnpm ERR! dest /opt/iobroker/node_modules/.node-fetch-blvKKu2bnpm ERR! errno -39

npm ERR! ENOTEMPTY: directory not empty, rename '/opt/iobroker/node_modules/node-fetch' -> '/opt/iobroker/node_modules/.node-fetch-blvKKu2b'

npm ERR! A complete log of this run can be found in:npm ERR! /home/iobroker/.npm/_logs/2022-02-13T15_27_26_679Z-debug.log

host.iobroker Cannot install iobroker.echarts@1.0.3: 217

ERROR: Process exited with code 25

MOD-Edit: Code in code-tags gesetzt!

Gruss
Werner

Homoran

@werners sagte in Test eCharts Adapter:

NPM version: 7.4.3

iobroker update -i
node -v
nodejs -v

WernerS

@homoran

hier das Ergebnis

:~ $ iobroker -i
iobroker [command]

Commands:
  iobroker setup                                               Setup ioBroker
  iobroker start                                               Starts the js-controller
  iobroker stop                                                stops the js-controller
  iobroker restart                                             Restarts js-controller
  iobroker debug <adapter>[.<instance>]                        Starts a Node.js debugging session for the adapter instance
  iobroker info                                                Shows the host info
  iobroker logs [<adapter>]                                    Monitor log
  iobroker add <adapter> [desiredNumber]                       Add instance of adapter
  iobroker install <adapter>                                   Installs a specified adapter
  iobroker rebuild <adapter>|self                              Rebuilds a specified adapter
  iobroker url <url> [<name>]                                  Install adapter from specified url, e.g. GitHub
  iobroker del <adapter>                                       Remove adapter from system
  iobroker del <adapter>.<instance>                            Remove adapter instance
  iobroker update [<repositoryUrl>]                            Update repository and list adapters
  iobroker upgrade                                             Upgrade management
  iobroker upload                                              Upload management
  iobroker object                                              Object management
  iobroker state                                               State management
  iobroker message <adapter>[.instance] <command> [<message>]  Send message to adapter instance/s
  iobroker list <type> [<filter>]                              List all entries, like objects
  iobroker chmod <mode> <file>                                 Change file rights
  iobroker chown <user> <group> <file>                         Change file ownership
  iobroker touch <file>                                        Touch file
  iobroker rm <file>                                           Remove file
  iobroker file                                                File management
  iobroker user                                                User commands
  iobroker group                                               group management
  iobroker host <hostname>                                     Set host to given hostname
  iobroker set <adapter>.<instance>                            Change settings of adapter config
  iobroker license <license.file or license.text>              Update license by given file
  iobroker cert                                                Certificate management
  iobroker clean <yes>                                         Clears all objects and states
  iobroker backup                                              Create backup
  iobroker restore <backup name or path>                       Restore a specified backup
  iobroker validate <backup name or path>                      Validate a specified backup
  iobroker status [all|<adapter>.<instance>]                   Status of ioBroker or adapter instance
  iobroker repo [<name>]                                       Show repo information
  iobroker uuid                                                Show uuid of the installation
  iobroker unsetup                                             Reset license, installation secret and language
  iobroker fix                                                 Execute the installation fixer script, this updates your ioBroker installation
  iobroker multihost                                           Multihost management
  iobroker compact                                             compact group management
  iobroker plugin                                              Plugin management
  iobroker version [<adapter>]                                 Show version of js-controller or specified adapter

Options:
      --help     Show help  [boolean]
  -v, --version  Show version  [boolean]

:~ $ node -v
v15.7.0

:~ $ nodejs -v
v15.7.0