Test eCharts Adapter

dtp

Zu meiner Schande muss ich gestehen, dass ich den rot markierten Pfeil übersehen hatte.

Damit kann man ja noch weitere Optionen ausklappen. Allerdings kann man damit den Markierungstext nur in der x-Richtung verschieben, nicht aber in der y-Richtung. Cool wäre auch noch eine Option, ihn ähnlich wie bei den Legenden, mit einer Box hinterlegen zu können.

dtp

@rk62 sagte in Test eCharts Adapter:

Die States mit den Definitionen findest Du unter echarts.0 (Überraschung!)

Also bei mir ist da nur eine Liste ausgegrauter Datenpunkte der FLOT-Diagramme zu sehen.

dtp

Leider kriege ich mit eCharts auch sowas nicht hin.

Sprich, zwei Diagramme, deren Zeitverlauf synchronisiert ist und die auch exakt in der Breite aufeinander ausgerichtet sind.

dtp

Also ich hab's jetzt mal mit folgendem Eintrag versucht:

Doch leider wird der in dem entsprechenden Datenpunkt gespeicherte Wert (z.B. 10800) so nicht übernommen.

Gibt's da noch einen Trick?

dtp

Keiner ne Idee?

RK62

@dtp

Unter Admin 4 kann kann man die Datenpunkte noch ändern.
Wenn Du den Datenpunkt "hart" modifizieren willst, wirst Du den kompletten JSON String erstellen und in das Objekt übertragen müssen. Eine Substitution mit {}-Objekten findet da nicht statt.

dtp

@rk62 Hm. Ich bin auf Admin 5. Ich werde dann wohl erst mal bei FLOT bleiben. Wenn ich mir die Möglichkeiten von eCharts so auf deren Homepage ansehen, dann hat der eCharts-Adapter ja noch relativ viel Potential.

Qlink

Hi Leute,

hat jemand eine Idee wieso die Einstellung "Fill" also die Fläche unter einer Kurve mit Farbe befüllen bei mir nicht zieht ?
Ich hätte den Faktor auf 0.5 eingestellt, als halbtransparent, aber es tut sich nix. Egal auf welchen Wert ich den Regler stelle ...

Ich habe schon unterschiedliche Diagramme versucht, bzw. auch ein komplett neues Diagramm erstellt, aber die Fläche wird nie befüllt...

a200

@qlink Wahrscheinlich hast du ein paar NULL Werte in den Datenreihen. Mach mal:

und berichte was passiert.

Qlink

@a200

Super, das war der entscheidende Hinweis !
Das war tatsächlich das Problem... Wäre ich nie drauf gekommen.

Vielen Dank !

Beste Grüße

RK62

Beim Verwenden des Rendering mit sendTo('echarts.0'... erhalte ich bei verwendung des SVG-Formates eine gerenderte Grafik. Bei der verwendung von PNG oder JPG werden alle Zeichen als Quadrat gerendert. Fehlt da irgend ein Font oder kann ich da im Graf selbst etwas einstellen?

Anzeige in echart:
2021-09-14 19_33_50-ioBroker-ESK01.png

Anzeige des gerenderten JPG:
2021-09-14 19_33_59-echarts.jpg - IrfanView-ESK01.png

Ich betreibe den ioBroker unter Docker (Buanet) alle Adpater und js-controller auf aktueller Version. Version echarts-Adapter ist V1.0.3

Gruß, Ralf

David G.

@rk62

Kann dir leider nicht helfen......

Wollte aber mal fragen, ob du mir das Skript geben kannst. Hab es bisher nie hinbekommen.....
Dann kann ich auch mal testen, was bei mir mit den Zeichen passiert.

RK62

@david-g
Hier das verwendete Script.
Das Verzeichnis /opt/iobroker/iobroker-data/tmp muss vorab angelegt sein.

sendTo('echarts.0', {
    preset: 'echarts.0.test.preset_3',
    renderer: 'jpg',
    background: '#000055', 
    fileOnDisk: '/opt/iobroker/iobroker-data/tmp/echarts.jpg'
}, result => {
    if (result.error) {
        console.error('ERROR:' + result.error);
    } else {
        console.log('OK:' + result.data);
    }
});

David G.

@rk62

Bekomme da einen Fehler:

echarts.0
2021-09-16 17:32:43.343	error	window is not defined

echarts.0
2021-09-16 17:32:43.342	error	ReferenceError: window is not defined at new ChartOption (/opt/iobroker/node_modules/iobroker.echarts/_helpers/ChartOption.js:331:42) at ChartModel.onUpdateFunc (/opt/iobroker/node_modules/iobroker.echarts/main.js:130:33) at /opt/iobroker/node_modules/iobroker.echarts/_helpers/ChartModel.js:1121:34 at ChartModel.readMarkings (/opt/iobroker/node_modules/iobroker.echarts/_helpers/ChartModel.js:937:20) at /opt/iobroker/node_modules/iobroker.echarts/_helpers/ChartModel.js:1114:26 at ChartModel.readTicks (/opt/iobroker/node_modules/iobroker.echarts/_helpers/ChartModel.js:855:13) at /opt/iobroker/node_modules/iobroker.echarts/_helpers/ChartModel.js:1113:22 at ChartModel._readData (/opt/iobroker/node_modules/iobroker.echarts/_helpers/ChartModel.js:842:20) at Timeout._onTimeout (/opt/iobroker/node_modules/iobroker.echarts/_helpers/ChartModel.js:849:39) at listOnTimeout (internal/timers.js:554:17)

echarts.0
2021-09-16 17:32:43.337	error	uncaught exception: window is not defined

Mein Skript:

sendTo('echarts.0', {
    preset: 'echarts.0.Heizung.Wohnzimmer',
    renderer: 'jpg',
    background: '#000055', 
    fileOnDisk: '/opt/iobroker/iobroker-data/tmp/echarts.jpg'
}, result => {
    if (result.error) {
        console.error('ERROR:' + result.error);
    } else {
        console.log('OK:' + result.data);
    }
});

Verzeichnis existiert:

EDIT:
Klappt jetzt.
eCharts Version war zu alt .......

RK62

@david-g Sehr schön, so hätte ich das auch gerne. Leider bekomme ich weiter Quadrate an Stelle der Bezeichnungen & Zahlen. Fährst Du den ioBroker auch unter dem Docker-Container von buanet?

David G.

@rk62

Habe ihn auf einem raspberry am laufen.
Weiß grad nicht, ob man in echarts Schriften einstellen kann, war lange nicht mehr dran. Falls ja, kann man da evtl was drehen?

MartyBr

Hallo, ich habe einen Adapter für Stromerträge meiner Photovoltaik laufen. Dieser liefert aber Werte, die um einen Faktor 100 zu hoch sind. Die echten Werte müssten also mit 0.01 multipliziert werden. Der Flot-Adapter kann das.
Im Menü "Erweiterte Einstellungen" kann man einen Multiplikationsfaktor eingeben:
Bildschirmfoto 2021-10-06 um 11.06.06.png

Gibt es auch im eChart-Adapter eine vergleichbare Lösung oder müssten dazu alias-Einträge angelegt werden?

frank2604

Hallo, ich stelle gerade von SQL auf InfluxDB um. In der Übergangsphase laufen beide zusammen. Bei allen DPs, die geloggt werden sollen, sind aktuell beide Adapter aktiviert.

E-Charts zeigt mir aber nur den Ordner SQL an. Übersehe ich eine Option, die Adapter, auf die E-Charts zugreifen soll, zu konfigurieren?

Grüße
Frank

frank2604

OK, habe es selber herausgefunden. Wenn DPs mit mehr als einem Historisierungsadapter konfiguriert sind, werden diese nur in einem der beiden Adapterordnern in eCharts angezeigt. Es werden dann sogar die Daten aus beiden Adaptern in einem Chart
gezeigt!

Ich habe mal einen DP nur mit InfluxDB konfiguriert, dann erscheint auch der Ordner InfluxDB in eCharts.

Schmetterfliege

Ich habe den Adapter heute auch mal installiert um es auszuprobieren und bin auf 2 Probleme gestoßen:

Bei der Installation des Adapters hatte ich im Installationslog direkt eine Fehlermeldung.

2021-11-19 02:20:09.096 - info: host.raspberrypi iobroker add echarts --host raspberrypi
2021-11-19 02:20:12.234 - info: host.raspberrypi iobroker NPM version: 6.14.8
2021-11-19 02:20:12.236 - info: host.raspberrypi iobroker npm install iobroker.echarts@1.0.3 --loglevel error --prefix "/opt/iobroker" (System call)
2021-11-19 02:21:17.007 - info: host.raspberrypi iobroker node-pre-gyp ERR! install response status 404 Not Found on https://github.com/Automattic/node-canvas/releases/download/v2.8.0/canvas-v2.8.0-node-v72-linux-glibc-arm.tar.gz
2021-11-19 02:21:31.764 - info: host.raspberrypi iobroker ../src/bmp/BMPParser.cc: In member function ‘void BMPParser::Parser::parse(uint8_t*, int, uint8_t*)’:
2021-11-19 02:21:31.765 - info: host.raspberrypi iobroker ../src/bmp/BMPParser.cc:186:16: warning: comparison of integer expressions of different signedness: ‘int’ and ‘unsigned int’ [-Wsign-compare] E(ptr - data > imgdOffset, "image data overlaps with another structure"); ~~~~~~~~~~~^~~~~~~~~~~~../src/bmp/BMPParser.cc:10:25: note: in definition of macro ‘E’ #define E(cond, msg) if(cond) return setErr(msg) ^~~~../src/bmp/BMPParser.cc:201:27: warning: comparison of integer expressions of different signedness: ‘uint32_t’ {aka ‘unsigned int’} and ‘int’ [-Wsign-compare] E(ptr - data + imgdSize > len, "not enough image data"); ~~~~~~~~~~~~~~~~~~~~~~^~~~~../src/bmp/BMPParser.cc:10:25: note: in definition of macro ‘E’ #define E(cond, msg) if(cond) return setErr(msg) ^~~~
2021-11-19 02:22:55.478 - info: host.raspberrypi iobroker host.raspberrypi install adapter echarts
2021-11-19 02:22:55.621 - info: host.raspberrypi iobroker upload [30] echarts.admin /opt/iobroker/node_modules/iobroker.echarts/admin/tab.html tab.html text/html
2021-11-19 02:22:59.165 - info: host.raspberrypi iobroker upload [20] echarts.admin /opt/iobroker/node_modules/iobroker.echarts/admin/static/css/2.1c4297c9.chunk.css.map static/css/2.1c4297c9.chunk.css.map application/json
2021-11-19 02:22:59.324 - info: host.raspberrypi iobroker upload [19] echarts.admin /opt/iobroker/node_modules/iobroker.echarts/admin/static/css/2.1c4297c9.chunk.css static/css/2.1c4297c9.chunk.css text/css

Ab den Uploads ist die Installation aber durchgeflutscht (erfolgreich).
Adapter läuft und ich kann auch fröhlich Charts erstellen.
2. Nun will ich die in Vis einbauen, habe aber kein echart Widget.

War das der Fehler in der Installation? Der Link der in der Error Meldung steht ist übrigens auch nicht verfügbar.

EDIT:
Ich nehme an das hier sollte das Ziel des Link sein?

Der Link wäre dann eigentlich:
https://github.com/Automattic/node-canvas/releases/download/v2.8.0/canvas-v2.8.0-node-v72-linux-glibc-x64.tar.gz
Statt:
https://github.com/Automattic/node-canvas/releases/download/v2.8.0/canvas-v2.8.0-node-v72-linux-glibc-arm.tar.gz
Also "x64" statt "arm".
Woran kann das liegen dass der Link bei mir falsch war? Hat sich der Dateiname heute Nacht geändert?
Meine Plattform ist ein Raspi 4b mit Raspbian.

EDIT: Nach Neustart des VIS Adapters ist das Widget nun in meiner Liste
EDIT2: Scheinbar klappt die Installation trotzdem, in dem Log ist nur nicht ersichtlich dass der einen fallback-to-build eingebaut hat.

NEWS

Test eCharts Adapter

Support us

846
Online

31.7k
Users

79.9k
Topics

1.3m
Posts

NEWS

Test eCharts Adapter

Support us

846Online

31.7kUsers

79.9kTopics

1.3mPosts

846
Online

31.7k
Users

79.9k
Topics

1.3m
Posts