Test Adapter flexcharts - Stapeldiagramme und mehr

[jrbwh]

@mcu Danke für den Hinweis. Nein, habe ich nicht abgefangen. Werde ich einbauen.

Den Default ändere ich dann auch gleich. Gibt es eine Liste der bereits verwendeten Ports?

[MCU]

@jrbwh
https://mcuiobroker.gitbook.io/iobroker-tipps/tipps/allgemein/iobroker/ubersicht-ports

[jrbwh]

@mcu Super. Danke!

[jrbwh]

@mcu Habe den Default-Port jetzt auf 3100 geändert. Da grafana auf 3000 liegt, scheint mir das passend.
Mein Versuch, einen Port-Konflikt abzufangen, funktioniert aber bisher nicht. Ich habe den Start des http-Servers in ein try-catch gepackt, trotzdem stürzt der Adapter im Konfliktfall ab und meldet für die Zeile von this.webServer.listen diesen Fehler: uncaught exception: listen EADDRINUSE: address already in use. Der Code sieht so aus:

		try {
			this.webServer.listen({port: this.config.port}, () => {
				this.log.info(`Server started on localhost:${this.config.port}`);
				this.setState('info.connection', true, true);
			});
		} catch (e) {
			this.log.error(`Start of http server failed on localhost:${this.config.port} - err=${e.message}`);
			this.setState('info.connection', false, true);
		}

Verstehe ich nicht. Wie hast Du das gelöst?

[Lucky_ESA]

@jrbwh Nimm die Funktion.

const check_port = await this.getPortAsync(this.config.port);

Ist der Prot belegt gibt check_port den nächsten freien wieder.

Gruß//Lucky

[jrbwh]

@lucky_esa Wow, kaum macht man es richtig, funktioniert's.

Vielen Dank für die super schnelle Hilfe!

[darkiop]

@jrbwh sagte in Test Adapter flexcharts 0.0.1 - Stapeldiagramme und mehr:

An einem Skript für z.B. täglich gespeicherte Daten bin ich dran. Wie sieht denn Dein Datenformat konkret aus?

Ich bin leider immer noch nicht dazugekommen mich damit zu beschäftigen ... Aber der Winter ist ja lange

Hier mal ein einfaches Beispiel wofür ich deine Charts verwenden würde:

Die 3 Werte werden täglich um 23:59 ermittelt und in eine MariaDB mit dem SQL-Adapter geschrieben. Für das Chart stelle ich mir ein Balkendiagram mit den 3 Werten pro Tag und vielleicht 7 Tage zurück vor. In etwa so, nur eben xAxis.data ausgehende vom heutigen Tag -7d.

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar'
    },
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar'
    },
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar'
    }
  ]
};

[jrbwh]

@darkiop Das sollte mit dem Skript-Template direkt möglich sein, wie in meinem Post vom 31. Aug. 2024, 11:54 beschrieben. Folgendes musst Du anpassen:
"instanceHistory": Deine History-Instanz eintragen
"yAxis": Die 2te y-Achse entfernen
"mySeries.daily": Für die ersten 3 Zeilen Deine Datenpunkte eintragen, alles "stack_a" zuordnen (sofern es ein Stapeldiagramm mit einem Balken werden soll). Die restlichen Zeilen löschen.
"mySeries.monthly" und "mySeries.yearly": Alle Zeilen löschen, also nur [] übrig lassen
Aufrufen mit " ...params={"period":"daily", "start":7}

[legro]

@jrbwh

Mir fehlte der direkte Link zur Installation. Dieser ist hier zu finden.

[jrbwh]

@legro Danke für den Hinweis. Habe den Link in der Beschreibung ergänzt.

[darkiop]

@jrbwh Ja, kann ich bestätigen ... mit etwas selber code lesen hätt ich das auch hinbekommen ... aber wie gesagt, die Prios haben sich gerade verändert. Danke dir - ich werd mal schauen wie ich die Charts nutzen kann.

Hast du auch vorgesehen den Dark-Mode der echarts zu implementieren?

[jrbwh]

@darkiop Dark Mode war noch nicht drin. Habe ich eben mit V0.0.4 ergänzt. Aktivieren mit &darkmode im HTML-Aufruf.

[legro]

@jrbwh

Ich bin verwirrt: Der von mir oben eingestellte Link zeigt nicht mehr auf die Installationsseite. Wo ist die Installationsanweisung abgeblieben?

[jrbwh]

@legro Ich habe die Installationsanleitung nach dem Hinweis von Martin rausgenommen.

Du kannst den Adapter aber einfach per npm installieren:

cd /opt/iobroker
npm i iobroker.flexcharts

Dann in der Adapter-Ansicht eine Instanz ergänzen.

[Delphinis]

@jrbwh
Hallo,
bin sehr an diesem Adapter interessiert. Machst du da noch einen offiziellen Adapter draus?

[jrbwh]

@delphinis Ja, da ist der Plan. Das Review zur Aufnahme ins Beta-Repo läuft, siehe PR.

Du kannst den Adapter aber sofort über npm installieren:

cd /opt/iobroker
npm i iobroker.flexcharts

[Delphinis]

@jrbwh
Danke, aber dann warte ich lieber den offiziellen Adapter ab .

[jrbwh]

@delphinis Der adapter ist jetzt im Beta-Repo verfügbar. Funktioniert jetzt als Web-Extension, d.h. der Web-Adapter (web.0) muss installiert sein und flexcharts ist dann unter Port 8082 erreichbar. Außerdem muss ein flexcharts in der Adresse vorangestellt werden, also z.B.

http://localhost:8082/flexcharts/echarts.html?source=state&id=flexcharts.0.info.chart1

Das Readme ist entsprechend angepasst.

Freue mich auf Deine Rückmeldung.

[Delphinis]

@jrbwh
Danke für die Meldung. Ich hab's natürlich sofort ausprobiert. Aber ich bekomme nur eine weisse Seite.
Was ich gemacht hab:

1. Beta im iob eingetragen
2. Adapter installiert:
   
3. Datenpunkt "0_userdata.0.flexcharts.chart1" erzeugt und mit dem Beispiel von https://echarts.apache.org/examples/en/editor.html?c=line-simple befüllt.
4. Neuer Browsertab mit URL =
   http://localhost:8082/flexcharts/echarts.html?source=state&id=0_userdata.0.flexcharts.chart1

Es kommt zwar keine Fehlermeldung oder so aber nur eine weisse Seite.

web.0 läuft natürlich

Diese URL ist ein bisschen widersprüchlich, da hier oben in der Beschreibung mit
http://localhost:8200/echarts.html?source=state&id= anfängt. Hab ich natürlich auch ausprobiert, aber da lädt keine Seite...

Hab ich was vergessen?

http://localhost:8082/flexcharts/echarts.html?source=state&id=flexcharts.0.info.chart1 läuft übrigens auch nicht, obwohl der Datenpunkt da und befüllt ist.

Browser Firefox 131.0

[jrbwh]

@delphinis Läuft der Browser auf dem gleichen System wie ioBroker? Wenn nicht, bitte localhost durch den Namen des ioBroker-Rechners ersetzen.
Falls ja: Bitte überprüfe, ob beide Instanzen, also felxcharts.0 und web.0, aktiv sind. Wenn ja, stelle beide auf Log-Level debug um und schau, was web.0 protokolliert. Bei einem Neustart sollten diese Meldungen auftauchen:

2024-10-05 08:55:54.421 - debug: web.0 (18006) Activating extensions
2024-10-05 08:55:54.426 - info: web.0 (18006) Connecting extension "flexcharts/lib/web.js"
2024-10-05 08:55:54.428 - info: web.0 (18006) Install extension on /flexcharts