Flot Chart bzw. Verbesserung?

[catnipper]

Hallo - ich hoffe ich habe mit meinem ersten Fred die richtige Kategorie gewählt

Nach Umstieg vom alten CCU.io mit Highcharts auf iobroker mit Flot folgende Fragen:

1. Wenn ich Datenreihen im Diagramm ausblende wird das beim Aktualisieren nicht berücksichtigt (es sind dann alle Reihen wieder sichtbar)

2. Könnte man sich vorstellen dass man in der Legende "Gruppen" baut? Idee dabei: ich packe ziemlich viel in ein Diagramm (Raumtemperatur, Ventilöffnung, Luftfechte, Vorlauftemperatur…) und würde gerne ein ganzes "Set" (Beispiel: alle Ventilöffnungen ein oder ausblenden...)

3. Es wäre toll wenn man im Editor den Eingabebereich anpassbar machen könnte (bei mehr als 10 Werten ist das Scrollen im Editor unübersichtlich)

4. Super wäre auch wenn man die Zeilen verschieben könnte

5. Und last but not least wenn man die Legende auch ausserhalb platzieren kann...

Klar fand ich das Highcharts übersichtlicher - aber wenn's nicht mehr erlaubt ist bzw. die Entwickler Geld kosten würde dann muss man das eben so nehmen... Man kann ja froh sein dass die viele Arbeit inverstiert wurde eine vergleichweise ganz gute Alternative zu bieten -> <u>DANKE</u>!

Einige Punkte sind vermutlich auch Newbie Fragen - deshalb danke ich schon mal für eventuelle Hinweise was ich meinerseits besser machen kann!

http://192.168.xx.xx:8082/flot/index.html?
l%5B0%5D%5Bid%5D=hm-rpc.0.KEQxxxxxx.4.VALVE_STATE&l%5B0%5D%5Binstance%5D=sql.0&l%5B0%5D%5Boffset%5D=0&l%5B0%5D%5Baggregate%5D=minmax&l%5B0%5D%5Bcolor%5D=%23FF0000&l%5B0%5D%5Bmin%5D=0&l%5B0%5D%5Bthickness%5D=1&l%5B0%5D%5Bshadowsize%5D=3&l%5B0%5D%5Bname%5D=B%C3%BCro+Ventil%C3%B6ffnung&l%5B0%5D%5BignoreNull%5D=false&l%5B0%5D%5BafterComma%5D=1&l%5B0%5D%5Bsmoothing%5D=1&l%5B0%5D%5Bmax%5D=100&l%5B0%5D%5BchartType%5D=steps&l%5B0%5D%5Byaxe%5D=left&l%5B0%5D%5Bxaxe%5D=bottom&l%5B0%5D%5Bfill%5D=0.1&
l%5B1%5D%5Bid%5D=hm-rpc.0.KEQxxxxxx.4.VALVE_STATE&l%5B1%5D%5Binstance%5D=sql.0&l%5B1%5D%5Boffset%5D=0&l%5B1%5D%5Baggregate%5D=minmax&l%5B1%5D%5Bcolor%5D=%2300FF00&l%5B1%5D%5Bmin%5D=0&l%5B1%5D%5Bmax%5D=100&l%5B1%5D%5Bthickness%5D=1&l%5B1%5D%5Bshadowsize%5D=3&l%5B1%5D%5Bname%5D=Wohnzimmer+v.+Ventil%C3%B6ffnung&l%5B1%5D%5BafterComma%5D=2&l%5B1%5D%5Bxaxe%5D=off&l%5B1%5D%5Byaxe%5D=off&l%5B1%5D%5BchartType%5D=steps&l%5B1%5D%5Bfill%5D=0.1&
l%5B2%5D%5Bid%5D=hm-rpc.0.KEQxxxxxx.4.VALVE_STATE&l%5B2%5D%5Binstance%5D=sql.0&l%5B2%5D%5Boffset%5D=0&l%5B2%5D%5Baggregate%5D=minmax&l%5B2%5D%5Bcolor%5D=%2300FF00&l%5B2%5D%5Bmin%5D=0&l%5B2%5D%5Bmax%5D=100&l%5B2%5D%5Bthickness%5D=1&l%5B2%5D%5Bshadowsize%5D=3&l%5B2%5D%5Bname%5D=Wohnzimmer+h.+Ventil%C3%B6ffnung&l%5B2%5D%5Bxaxe%5D=off&l%5B2%5D%5Byaxe%5D=off&l%5B2%5D%5BchartType%5D=steps&l%5B2%5D%5Bfill%5D=0.1&l%5B2%5D%5BafterComma%5D=2&
l%5B3%5D%5Bid%5D=hm-rpc.0.KEQxxxxxx.4.VALVE_STATE&l%5B3%5D%5Binstance%5D=sql.0&l%5B3%5D%5Boffset%5D=0&l%5B3%5D%5Baggregate%5D=minmax&l%5B3%5D%5Bcolor%5D=%23FF00FF&l%5B3%5D%5Bmin%5D=0&l%5B3%5D%5Bmax%5D=100&l%5B3%5D%5Bthickness%5D=1&l%5B3%5D%5Bshadowsize%5D=3&l%5B3%5D%5Bname%5D=Bad+v.+Ventil%C3%B6ffnung&l%5B3%5D%5BchartType%5D=steps&l%5B3%5D%5Byaxe%5D=off&l%5B3%5D%5Bxaxe%5D=off&l%5B3%5D%5Bfill%5D=0.1&l%5B3%5D%5BafterComma%5D=2&
l%5B4%5D%5Bid%5D=hm-rpc.0.KEQxxxxxx.4.VALVE_STATE&l%5B4%5D%5Binstance%5D=sql.0&l%5B4%5D%5Boffset%5D=0&l%5B4%5D%5Baggregate%5D=minmax&l%5B4%5D%5Bcolor%5D=%23FF00FF&l%5B4%5D%5Bmin%5D=0&l%5B4%5D%5Bmax%5D=100&l%5B4%5D%5Bthickness%5D=1&l%5B4%5D%5Bshadowsize%5D=3&l%5B4%5D%5Bname%5D=Bad+h.+Ventil%C3%B6ffnung&l%5B4%5D%5Byaxe%5D=off&l%5B4%5D%5Bxaxe%5D=off&l%5B4%5D%5BchartType%5D=steps&l%5B4%5D%5Bfill%5D=0.1&l%5B4%5D%5BafterComma%5D=2&
l%5B5%5D%5Bid%5D=hm-rpc.0.KEQxxxxxx.4.VALVE_STATE&l%5B5%5D%5Binstance%5D=sql.0&l%5B5%5D%5Boffset%5D=0&l%5B5%5D%5Baggregate%5D=minmax&l%5B5%5D%5Bcolor%5D=%2300FFFF&l%5B5%5D%5Bmin%5D=0&l%5B5%5D%5Bmax%5D=100&l%5B5%5D%5Bthickness%5D=1&l%5B5%5D%5Bshadowsize%5D=3&l%5B5%5D%5Bname%5D=Esszimmer+Ventil%C3%B6ffnung&l%5B5%5D%5Byaxe%5D=off&l%5B5%5D%5Bxaxe%5D=off&l%5B5%5D%5BchartType%5D=steps&l%5B5%5D%5Bfill%5D=0.1&l%5B5%5D%5Bpoints%5D=false&l%5B5%5D%5BafterComma%5D=2&
l%5B6%5D%5Bid%5D=hm-rpc.0.KEQxxxxxx.4.ACTUAL_TEMPERATURE&l%5B6%5D%5Binstance%5D=sql.0&l%5B6%5D%5Boffset%5D=0&l%5B6%5D%5Baggregate%5D=minmax&l%5B6%5D%5Bcolor%5D=%23FF0000&l%5B6%5D%5Bmin%5D=-10&l%5B6%5D%5Bmax%5D=40&l%5B6%5D%5Bthickness%5D=3&l%5B6%5D%5Bshadowsize%5D=3&l%5B6%5D%5Bname%5D=B%C3%BCro+Temperatur&l%5B6%5D%5Byaxe%5D=right&l%5B6%5D%5Bxaxe%5D=top&l%5B6%5D%5BafterComma%5D=2&
l%5B7%5D%5Bid%5D=hm-rpc.0.LEQxxxxxx.2.ACTUAL_TEMPERATURE&l%5B7%5D%5Binstance%5D=sql.0&l%5B7%5D%5Boffset%5D=0&l%5B7%5D%5Baggregate%5D=minmax&l%5B7%5D%5Bcolor%5D=%2300FF00&l%5B7%5D%5Bmin%5D=-10&l%5B7%5D%5Bmax%5D=40&l%5B7%5D%5Bthickness%5D=3&l%5B7%5D%5Bshadowsize%5D=3&l%5B7%5D%5Bname%5D=Wohnzimmer+Temperatur&l%5B7%5D%5Byaxe%5D=off&l%5B7%5D%5Bxaxe%5D=off&
l%5B8%5D%5Bid%5D=hm-rpc.0.LEQxxxxxx.2.ACTUAL_TEMPERATURE&l%5B8%5D%5Binstance%5D=sql.0&l%5B8%5D%5Boffset%5D=0&l%5B8%5D%5Baggregate%5D=minmax&l%5B8%5D%5Bcolor%5D=%23FF00FF&l%5B8%5D%5Bmin%5D=-10&l%5B8%5D%5Bmax%5D=40&l%5B8%5D%5Bthickness%5D=3&l%5B8%5D%5Bshadowsize%5D=3&l%5B8%5D%5Bname%5D=Bad+Temperatur&l%5B8%5D%5Byaxe%5D=off&l%5B8%5D%5Bxaxe%5D=off&
l%5B9%5D%5Bid%5D=hm-rpc.0.KEQxxxxxx.4.ACTUAL_TEMPERATURE&l%5B9%5D%5Binstance%5D=sql.0&l%5B9%5D%5Boffset%5D=0&l%5B9%5D%5Baggregate%5D=minmax&l%5B9%5D%5Bcolor%5D=%2300FFFF&l%5B9%5D%5Bmin%5D=-10&l%5B9%5D%5Bmax%5D=40&l%5B9%5D%5Bthickness%5D=3&l%5B9%5D%5Bshadowsize%5D=3&l%5B9%5D%5Bname%5D=Esszimmer+Temperatur&l%5B9%5D%5Byaxe%5D=off&l%5B9%5D%5Bxaxe%5D=off&l%5B9%5D%5Bpoints%5D=false&
l%5B10%5D%5Bid%5D=hm-rpc.0.LEQxxxxxx.2.ACTUAL_HUMIDITY&l%5B10%5D%5Binstance%5D=sql.0&l%5B10%5D%5Boffset%5D=0&l%5B10%5D%5Baggregate%5D=minmax&l%5B10%5D%5Bcolor%5D=%2300FF00&l%5B10%5D%5Bmin%5D=0&l%5B10%5D%5Bmax%5D=100&l%5B10%5D%5Bthickness%5D=1&l%5B10%5D%5Bshadowsize%5D=3&l%5B10%5D%5Bname%5D=Wohnzimmer+Luftfeuchte&l%5B10%5D%5BchartType%5D=scatterplot&l%5B10%5D%5Byaxe%5D=off&l%5B10%5D%5Bxaxe%5D=off&l%5B10%5D%5BignoreNull%5D=false&l%5B10%5D%5BafterComma%5D=2&l%5B10%5D%5Bfill%5D=0.1&l%5B10%5D%5Bpoints%5D=false&
l%5B11%5D%5Bid%5D=hm-rpc.0.LEQxxxxxx.2.ACTUAL_HUMIDITY&l%5B11%5D%5Binstance%5D=sql.0&l%5B11%5D%5Boffset%5D=0&l%5B11%5D%5Baggregate%5D=minmax&l%5B11%5D%5Bcolor%5D=%23FF00FF&l%5B11%5D%5Bmin%5D=0&l%5B11%5D%5Bmax%5D=100&l%5B11%5D%5Bthickness%5D=1&l%5B11%5D%5Bshadowsize%5D=3&l%5B11%5D%5Bname%5D=Bad+Luftfeuchte&l%5B11%5D%5BchartType%5D=scatterplot&l%5B11%5D%5Byaxe%5D=off&l%5B11%5D%5Bxaxe%5D=off&l%5B11%5D%5BafterComma%5D=2&l%5B11%5D%5Bfill%5D=0.1&l%5B11%5D%5Bpoints%5D=false&
l%5B12%5D%5Bid%5D=hm-rpc.0.LEQxxxxxx.1.HUMIDITY&l%5B12%5D%5Binstance%5D=sql.0&l%5B12%5D%5Boffset%5D=0&l%5B12%5D%5Baggregate%5D=minmax&l%5B12%5D%5Bcolor%5D=%23FFD700&l%5B12%5D%5Bmin%5D=0&l%5B12%5D%5Bmax%5D=100&l%5B12%5D%5Bthickness%5D=1&l%5B12%5D%5Bshadowsize%5D=1&l%5B12%5D%5Bname%5D=Aussen+Luftfeuchte&l%5B12%5D%5Byaxe%5D=off&l%5B12%5D%5Bxaxe%5D=off&l%5B12%5D%5BchartType%5D=scatterplot&l%5B12%5D%5BafterComma%5D=2&l%5B12%5D%5Bsmoothing%5D=5&l%5B12%5D%5Bfill%5D=0.1&l%5B12%5D%5Bpoints%5D=false&
l%5B13%5D%5Bid%5D=hm-rpc.0.LEQxxxxxx.1.TEMPERATURE&l%5B13%5D%5Binstance%5D=sql.0&l%5B13%5D%5Boffset%5D=0&l%5B13%5D%5Baggregate%5D=minmax&l%5B13%5D%5Bcolor%5D=%23FFD700&l%5B13%5D%5Bmin%5D=-10&l%5B13%5D%5Bmax%5D=40&l%5B13%5D%5Bthickness%5D=1&l%5B13%5D%5Bshadowsize%5D=3&l%5B13%5D%5Bname%5D=Aussen+Temperatur&l%5B13%5D%5Byaxe%5D=off&l%5B13%5D%5Bxaxe%5D=off&l%5B13%5D%5BchartType%5D=line&l%5B13%5D%5BafterComma%5D=2&l%5B13%5D%5Bsmoothing%5D=5&l%5B13%5D%5Bpoints%5D=false&
l%5B14%5D%5Bid%5D=hm-rega.0.8047&l%5B14%5D%5Binstance%5D=sql.0&l%5B14%5D%5Boffset%5D=0&l%5B14%5D%5Baggregate%5D=minmax&l%5B14%5D%5Bcolor%5D=%23004CFF&l%5B14%5D%5Bmin%5D=10&l%5B14%5D%5Bmax%5D=100&l%5B14%5D%5Bthickness%5D=1&l%5B14%5D%5Bshadowsize%5D=3&l%5B14%5D%5Bname%5D=Heizkurve&l%5B14%5D%5Byaxe%5D=rightColor&l%5B14%5D%5Bxaxe%5D=off&l%5B14%5D%5BafterComma%5D=2&
l%5B15%5D%5Bid%5D=hm-rega.0.8048&l%5B15%5D%5Binstance%5D=sql.0&l%5B15%5D%5Boffset%5D=0&l%5B15%5D%5Baggregate%5D=minmax&l%5B15%5D%5Bcolor%5D=%23004CFF&l%5B15%5D%5Bmin%5D=10&l%5B15%5D%5Bmax%5D=100&l%5B15%5D%5Bthickness%5D=1&l%5B15%5D%5Bshadowsize%5D=3&l%5B15%5D%5Bname%5D=Vorlauf&l%5B15%5D%5Byaxe%5D=off&l%5B15%5D%5Bxaxe%5D=off&l%5B15%5D%5BafterComma%5D=2&
timeType=relative&relativeEnd=now&range=2880&live=60&aggregateType=count&aggregateSpan=300&window_bg=rgb(255%2C+255%2C+0)&bg=0&legend=nw&hoverDetail=false&timeFormat=%25H%3A%25M+%3Cbr%3E+%25d.%25m.%25y&useComma=false&zoom=true&noedit=false&animation=0&barColor=rgb(255%2C+255%2C+255)&barWidth=0.1

2249_chart.png

[Jeeper.at]

Warum packst du alles in ein Diagramm und machst nicht mehrere? Die kannst du dann gruppieren wie du willst und nach Belieben ein und ausschalten.

Lg

Günther

[blauholsten]

@Jeeper.at:

Warum packst du alles in ein Diagramm und machst nicht mehrere? Die kannst du dann gruppieren wie du willst und nach Belieben ein und ausschalten.

Lg

Günther `
Kannst du kurz erklären wie das geht? Stehe gerade auf dem Schlauch, und finde keine Möglichkeit mehrere Diagramme zu erstellen :oops:

[Jeeper.at]

Hallo,

um mehrere Diagramme in FLOT zu erstellen gehe folgendermaßen vor.

erstes Diagramm erstellen.

Den Link speichern

zweites Diagramm erstellen

Link speichern

Der Editor erzeugt eigentlich kein fertiges Diagramm sondern nur einen wirklich langen Link der alle relevanten Informationen und Einstellungen enthält.

Das bedeutet das man beliebig viele Links erstellen kann und diese evt. sogar in den Favoriten deines Browsers abspeichern kannst.

Zum neuerlichen editieren einfach den Link in den Editor kopieren und ändern. Dann erneut speichern.

Lg

Günther