@jrbwh
der Browser läuft auf dem gleichen System wie iob.
Also die web.0 läuft, während dem flexcharts gar nicht gestartet werden kann (keine Konfiguration, kein start-Knopf). ich sehe nur:
Was heisst aktiv? Wie kann ich flexcharts aktivieren?
ich sehe folgende Meldungen:
web.0 2024-10-05 17:29:41.251 info Install extension on /flexcharts
web.0 2024-10-05 17:29:41.250 info Connecting extension "flexcharts/lib/web.js"
web.0 2024-10-05 17:29:41.250 debug Activating extensions
aber auch:
4711
Log-Größe: 185.2 KB
Zeit
cloud.0 2024-10-05 17:33:55.493 info Connection changed: disconnect
cloud.0 2024-10-05 17:33:55.493 error Unknown api-key
cloud.0 2024-10-05 17:33:54.502 info Trying to connect as system.user.admin to cloud
cloud.0 2024-10-05 17:33:25.141 info Connection changed: disconnect
cloud.0 2024-10-05 17:33:25.140 error Unknown api-key
cloud.0 2024-10-05 17:33:24.492 info Trying to connect as system.user.admin to cloud
cloud.0 2024-10-05 17:32:55.094 info Connection changed: disconnect
cloud.0 2024-10-05 17:32:55.093 error Unknown api-key
cloud.0 2024-10-05 17:32:54.492 info Trying to connect as system.user.admin to cloud
cloud.0 2024-10-05 17:32:25.381 info Connection changed: disconnect
cloud.0 2024-10-05 17:32:25.380 error Unknown api-key
cloud.0 2024-10-05 17:32:24.486 info Trying to connect as system.user.admin to cloud
cloud.0 2024-10-05 17:31:55.815 info Connection changed: disconnect
cloud.0 2024-10-05 17:31:55.814 error Unknown api-key
cloud.0 2024-10-05 17:31:54.471 info Trying to connect as system.user.admin to cloud
cloud.0 2024-10-05 17:31:25.559 info Connection changed: disconnect
cloud.0 2024-10-05 17:31:25.558 error Unknown api-key
cloud.0 2024-10-05 17:31:24.471 info Trying to connect as system.user.admin to cloud
cloud.0 2024-10-05 17:30:55.210 info Connection changed: disconnect
cloud.0 2024-10-05 17:30:55.209 error Unknown api-key
cloud.0 2024-10-05 17:30:54.459 info Trying to connect as system.user.admin to cloud
web.0 2024-10-05 17:30:29.157 debug {"errno":-4058,"code":"ENOENT","syscall":"open","path":"C:\\ioBroker\\node_modules\\iobroker.flexcharts\\lib\\www\\404.html"}
web.0 2024-10-05 17:30:29.157 debug View 404-page ...
web.0 2024-10-05 17:30:29.157 debug File not found!
web.0 2024-10-05 17:30:29.156 debug query = {"source":"state","id":"0_userdata.0.flexcharts.chart1"}
web.0 2024-10-05 17:30:29.156 debug filePath = C:\ioBroker\node_modules\iobroker.flexcharts\lib/www/echarts.html
web.0 2024-10-05 17:30:29.156 debug Request for /echarts.html?source=state&id=0_userdata.0.flexcharts.chart1
Es heisst ja, der Pfad sei falsch.
Bei mir gibt es folgendes Verzeichnis:
C:\ioBroker\node_modules\iobroker.flexcharts
aber dort ist sowohl lib als auch www drin. Aber unter lib ist kein www.
allerdings gibt es unter www die Datei 404.html, die ist aber vom1.10.2024?!
Vielleicht ist da beim filepath das Problem. Da sind slashes und backslashes gemixt. (Habe Windows)
Hier noch das Verzeichnis von ...iobroker.flexcharts\www:
und da noch den Inhalt von echarts.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>ECharts</title>
<!-- Include the ECharts file you just downloaded -->
<script src="echarts.js"></script>
</head>
<body>
<!-- Prepare a DOM with a defined width and height for ECharts -->
<div id="main" ></div>
<script>
var jsopts = { solution: 42 };
var myChart = echarts.init(document.getElementById('main'),null,{
width: window.innerWidth-10,
height: window.innerHeight-20,
});
window.addEventListener('resize', function() {
myChart.resize({
width: window.innerWidth-10,
height: window.innerHeight-20,
});
});
myChart.setOption(jsopts);
</script>
</body>
</html>
@delphinis Ja, das Problem dürfte der Pfad unter Windows sein. Ich habe tatschlich nur unter Linux getestet.
Ok, muss mir erstmal ioBroker unter Windows installieren und mir das dann anschauen. Kann jetzt ein wenig dauern. Sorry.
@delphinis Jetzt müsste es auch unter Windows funktionieren (V0.1.3).
Sollte morgen im Beta-Repo verfügbar sein oder gleich updaten über den Adapter-npm-Dialog.
Der Adapter läuft nun als web Extension. Er wird daher nicht (und kann auch nicht) gestartet werden sondern sein Code wird vom web Adapter beim Start des web Adapters geladen. Die Adapterinstanz von Flexchart ist daher nie selbst aktiv / inaktiv. da sie nicht in einem eigenen Prozess läuft.
Die Anzeige "Verbunden mit Gerät oder Dienst" ist unsinnig. Das muss noch der State info.connection entfernt werden (https://github.com/MyHomeMyData/ioBroker.flexcharts/issues/34)
Hallo,
ich bin auf der suche nach einem Adapter auf diesen gestoßen, ich habe vor, eine Heizungskurve anzeigen zulassen.
Ich habe lediglich 4 Datenpunkte die ich anzeigen lassen will. Hier stehen immer 2 im Verhältnis zu einander.
Y = Vorlauftemperatur
X = Außentemepratur
z.B:
Start Außentemperatur (20) = Vorlauftepmeratur (35)
Ende Außentemperatur (-10) = Vorlauftemperatur (60)
Hat jemand eine Idee, wie ich das darstellen kann? Die Datenpunkte sind alle in iobroker vorhanden. Danke schon mal
Endlich habe ich es geschafft, mich mit deinem neuen Adapter zu beschäftigen. Ich freue mich sehr darauf. Vielleicht kann ich damit meine mittlerweile ungeliebten Programme InfluxDB und Grafana abzuschaffen.
Vorab musste ich eine Hürde überwinden. Im Repository http://download.iobroker.net/sources-dist-latest.json war nichts von deinem Adapter zu finden; Im Repository http://iobroker.live/repo/sources-dist-latest.json wurde ich dann doch noch fündig. Da habe ich wohl etwas verschlafen.
Der Adapter ist installiert. Ich denke, ich komme heute dazu es einmal auszuprobieren.
@legro
die beiden links zeigen auf dasselbe Repository. es gibt nur einen Speicherort.
Wahrscheinlich hst du das Repo umgestellt und nachher nicht auf "nach updates suchen" geklickt um den lokalen Cache sofort zubaktualisueren.
Abwr Hauptsache es passt jetzt
@jrbwh
Ok, werde es dann ausprobieren wenn es dann auf 1.3 ist...
@homewolf Das kannst Du mit flexcharts einfach umsetzen. Ich gehe davon aus, Du hast die Werte in 4 einzelnen States abgelegt. Dann musst Du im folgenden Skript nur die IDs der States anpassen in cIDxWerte und cIDyWerte:
onMessage('heizkurve', (data, callback) => {
console.log(`data = ${JSON.stringify(data)}`);
chartHeizkurve(result => callback(result));
});
function chartHeizkurve(callback) {
const cIDxWerte = ['0_userdata.0.flexcharts.Heizkurve.x1','0_userdata.0.flexcharts.Heizkurve.x2'];
const cIDyWerte = ['0_userdata.0.flexcharts.Heizkurve.y1','0_userdata.0.flexcharts.Heizkurve.y2'];
const option = {
title: { text: "Meine Heizkurve", left: "center" },
xAxis: { name: "Aussentemperatur (°C)", nameLocation: 'middle', nameGap: 25, inverse: true},
yAxis: { name: "Vorlauftemperatur (°C)", nameLocation: 'middle', nameGap: 25, min: 0},
series: [{ name: "Heizkurve 1", type: "line", color: "#a30000", data: []}]
};
for (let i=0;i<cIDxWerte.length;i++) {
option.series[0].data.push([Number(getState(cIDxWerte[i]).val), Number(getState(cIDyWerte[i]).val)]);
}
option.yAxis.min = Number(getState(cIDyWerte[0]).val); // Minimalwert der y-Achse setzen
callback(option); // Chart-Daten zurückgeben
}
Der Name des Skripts ist unwichtig. Wenn Du das Skript angelegt und die IDs angepasst hast, starte das Skript und gib in einem Browser-Tab folgendes ein:
http://localhost:8082/flexcharts/echarts.html?source=script&message=heizkurve
localhost ersetzt Du ggf. durch den Namen Deines ioBroker-Rechners.
Dann sollte so ein Diagramm erscheinen:
Du kannst einfach weitere Datenpunkte ergänzen, indem Du sie in cIDxWerte und cIDyWerte einträgst.
@jrbwh said in Test Adapter flexcharts 0.0.1 - Stapeldiagramme und mehr:
http://localhost:8082/flexcharts/echarts.html?source=script&message=heizkurve
Hi viele Dank, dass hat schon mal geklappt, wie kann ich nun die Skalierung anpassen ?
Ich brauche die Außentemperatur von 30 bis -20 Grad und die Vorlauftemperatur von 0 bis 65 Grad.
wie stelle ich das ein ?
@homewolf Schreib die Werte in die Definition von xAxis und yAxis rein, also z.B.
xAxis: { name: "Aussentemperatur (°C)", nameLocation: 'middle', nameGap: 25, inverse: true, min: 0, max: 65}
Und im Skript die Zeile option.yAxis.min = Number(getState(cIDyWerte[0]).val); // Minimalwert der y-Achse setzen löschen
Die Details zur Definition der Charts findest Du hier.
Arbeitet jemand mit ioBroker unter macOS und wäre bereit, den Adapter auszuprobieren? Ich habe leider selbst grade keine Möglichkeit, mit macOS zu testen.
@jrbwh
Hallo, ich wollte den Adapter ja auf Windows testen. Ich hab ihn schon mal geupdated aber nicht auf 1.3. Nun hab ich festgestellt, dass es den "flexadapter" nicht mehr gibt. Stattdessen hab ich nun nun echarts.0
Hast du den umbenannt?
Das Chart läuft aber noch nicht.
Muss ich die URL
http://localhost:8082/flexcharts/echarts.html?source=state&id=0_userdata.0.flexcharts.chart1
nun umbenennen?
@delphinis Ich habe nichts umbenannt. Der Adapter ist im Beta-Repo verfügbar, V0.1.3:
Vielleicht nochmal den Update-Button klicken.
@jrbwh
Sorry, mein Fehler. War auf der falschen Maschine.
Jetzt funktioniert auch der Chart 
@delphinis Sehr schön. Danke fürs Testen!
@jrbwh
Gerne. Bist du an Kritiken und Wünschen interessiert?
@delphinis Natürlich!
Hi danke dir..
ich habe mir zwar dein link zu den Definitionen durchgelesen, aber habe alles mögliche verändert bekommen, aber nicht die Schriftfarbe und den Hintergrund.
Außerdem würde ich noch den manuellen Kuvenabstand anzeigen lassen. Dieser gibt lediglich an in welchem Abstand, eine zweite Kurve angezeigt wird. Also eine manuelle Vorlauftemperatur Anhebung.
Beispiel: +6 Grad. Die zweite Linie soll dann einfach 6 Grad nach oben verschoben sein. Ich kann mit in Iobroker auch die Werte errechnen lassen. Also es würde reichen, wenn ich zweite Y werte eintragen könnte.
Vielen Dank schon mal für die Unterstützung. Tut mir leid für mein Unwissen.
@homewolf Dann würde ich eine 2te Datenreihe anlegen
series: [{ name: "Heizkurve 1", type: "line", color: "#a30000", data: []},
{ name: "Mit Anhebung", type: "line", color: "#0000a3", data: []}]
und in der Schleife mit
option.series[1].data.push(...);
befüllen. Man kann sich einiges abschauen, wenn man die demo charts von Apache studiert.
@jrbwh said in Test Adapter flexcharts 0.0.1 - Stapeldiagramme und mehr:
http://localhost:8082/flexcharts/echarts.html?source=script&message=heizkurve
Hi viele Dank, dass hat schon mal geklappt, wie kann ich nun die Skalierung anpassen ?
Ich brauche die Außentemperatur von 30 bis -20 Grad und die Vorlauftemperatur von 0 bis 65 Grad.
wie stelle ich das ein ?
