Test eCharts Adapter

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.

qqolli

@bluefox
Hi,

habe mir gerade den Adapter installiert und soweit funktioniert auch alles. Aber leider bekomme ich in der VIS nicht das Widget angezeigt.

Muß ich noch irgend etwas einstellen, damit es angezeigt wird?

RK62

@qqolli Ggf. IoBroker neu starten

Joshude

Moin,

ich habe den Adapter die Tage installiert, weil ich mit Grafana aufm Pi keine Möglichkeit gefunden habe die Charts einfach per Telegram zu verschicken. Das geht mit E-Charts ja super einfach. Leider wird bei den via Telegram verschickten Diagrammen kein Wert bei der Legende angezeigt. Im Browser klappt das problemlos. Hat da jemand eine Lösung?

RK62

@joshude Meinst Du dieses Problem? https://github.com/ioBroker/ioBroker.echarts/issues/61
Habe ich nicht gelöst bekommen und verwende jetzt unter Docker den grafana-renderer.

RK62 created this issue in ioBroker/ioBroker.echarts

closed Bezeichnungen beim Rendern als JPG nur Quadrate #61

ratte-rizzo

@joshude sagte in Test eCharts Adapter:

Moin,

ich habe den Adapter die Tage installiert, weil ich mit Grafana aufm Pi keine Möglichkeit gefunden habe die Charts einfach per Telegram zu verschicken. Das geht mit E-Charts ja super einfach. Leider wird bei den via Telegram verschickten Diagrammen kein Wert bei der Legende angezeigt. Im Browser klappt das problemlos. Hat da jemand eine Lösung?

Moin

Eine Lösung habe ich nicht, aber das gleiche Problem. Bei den Screenshots, die erstellt werden, fehlt der Wert in der Legende.

Gruß
Daniel

Joshude

@rk62 Nee, nicht ganz. Die Bezeichnung wird schon angezeigt, es fehlt nur der Wert

Web:

Telegram:

Im Browser wird wie eingestellt hinter den 4 Einträgen der Wert [2.4°C] z.B. angezeigt.

Knusterus

Hallo
ist es bei den Diagrammen möglich oben Zahlen einzublenden, so wie im Bild von den Diagrammen aus dem Homematic Historian.
Ich habe schon alle Einstellungen durchsucht ,aber nichts gefunden.

Volker

NEWS

Test eCharts Adapter

closed Bezeichnungen beim Rendern als JPG nur Quadrate #61

Support us

1.1k
Online

30.8k
Users

77.5k
Topics

1.2m
Posts

NEWS

Test eCharts Adapter

closed Bezeichnungen beim Rendern als JPG nur Quadrate #61

Support us

1.1kOnline

30.8kUsers

77.5kTopics

1.2mPosts

1.1k
Online

30.8k
Users

77.5k
Topics

1.2m
Posts