Button mit "WFC_SendPopup" zur Chartansicht einsetzen?

[mastermind1]

Hallo,
ich möchte mein Webfront ein wenig ordnen

Nun gibt es Werte (Wind/Strom/Temperatur…) die aufgezeichnet werden und für die Charts (Standard ips Charts)vorhanden sind.

Normalerweise lässt man sich das „Chart“ Button im Webfront einblenden und ruft den Chart darüber auf.
Leider sieht das optisch bei mir „chaotisch“ aus…

Daher die Frage ob man den angezeigten Wert mittels klick mit einer Art „WFC_SendPopup“ belegen könnte, und damit
die eigentliche Chartansicht öffnet? Gibt es dazu einen „geheimen“ Aufrufparameter?

D.h. ich klicke auf den Wert und es soll sich die Chartansicht öffnen…

Hier mal ein Screenshot meines optischen NO-Go´s

P.S. Die Icons muss ich auch noch überarbeiten…

[mastermind1]

Ich habe in meinen Screenshot mal die gewünschte Ansicht inkl. Chartfunktion eingemalt… (PFEIL)

D.h wenn man auf das „normale“ Button klickt, soll die Chartansicht aufgehen…

[mastermind1]

Giubt es die Möglichkeit über JSON_RPC da was zu bauen?

Wenn ich Fiddler mittracen lasse, was passiert beim Start des „Charts“ sieht man:
D.h. ich müsste -nach meinem Verständnis - nur die id kennen?

Wie kann ich so etwas aufrufen?

{„jsonrpc“:„2.0“,„id“:1488441342769,„result“:[{„TimeStamp“:1488441300,„Avg“:119.0,„MinTime“:1488441300,„Min“:119.0,„MaxTime“:1488441300,„Max“:119.0},{„TimeStamp“:1488441240,„Avg“:119.0,„MinTime“:1488441240,„Min“:119.0,„MaxTime“:1488441240,„Max“:119.0},{„TimeStamp“:1488441180,„Avg“:119.0,„MinTime“:1488441180,„Min“:119.0,„MaxTime“:1488441180,„Max“:119.0},{„TimeStamp“:1488441120,„Avg“:119.0,„MinTime“:1488441120,„Min“:119.0,„MaxTime“:1488441120,„Max“:119.0},{„TimeStamp“:1488441060,„Avg“:119.0,„MinTime“:1488441060,„Min“:119.0,„MaxTime“:1488441060,„Max“:119.0},{„TimeStamp“:1488441000,„Avg“:119.0,„MinTime“:1488441000,„Min“:119.0,„MaxTime“:1488441000,„Max“:119.0},{„TimeStamp“:1488440940,„Avg“:119.0,„MinTime“:1488440940,„Min“:119.0,„MaxTime“:1488440940,„Max“:119.0},{„TimeStamp“:1488440880,„Avg“:119.0,„MinTime“:1488440880,„Min“:119.0,„MaxTime“:1488440880,„Max“:119.0},{„TimeStamp“:1488440820,„Avg“:119.0,„MinTime“:1488440820,„Min“:119.0,„MaxTime“:1488440820,„Max“:119.0},{„TimeStamp“:1488440760,„Avg“:119.0,„MinTime“:1488440760,„Min“:119.0,„MaxTime“:1488440760,„Max“:119.0},{„TimeStamp“:1488440700,„Avg“:119.0,„MinTime“:1488440700,„Min“:119.0,„MaxTime“:1488440700,„Max“:119.0},{„TimeStamp“:1488440640,„Avg“:119.0,„MinTime“:1488440640,„Min“:119.0,„MaxTime“:1488440640,„Max“:119.0},{„TimeStamp“:1488440580,„Avg“:119.0,„MinTime“:1488440580,„Min“:119.0,„MaxTime“:1488440580,„Max“:119.0},{„TimeStamp“:1488440520,„Avg“:119.0,„MinTime“:1488440520,„Min“:119.0,„MaxTime“:1488440520,„Max“:119.0},{„TimeStamp“:1488440460,„Avg“:119.0,„MinTime“:1488440460,„Min“:119.0,„MaxTime“:1488440460,„Max“:119.0},{„TimeStamp“:1488440400,„Avg“:117.23333333333334,„MinTime“:1488440400,„Min“:13.0,„MaxTime“:1488440401,„Max“:119.0},{„TimeStamp“:1488440340,„Avg“:13.0,„MinTime“:1488440340,„Min“:13.0,„MaxTime“:1488440340,„Max“:13.0},{„TimeStamp“:1488440280,„Avg“:13.0,„MinTime“:1488440280,„Min“:13.0,„MaxTime“:1488440280,„Max“:13.0},{„TimeStamp“:1488440220,„Avg“:13.0,„MinTime“:1488440220,„Min“:13.0,„MaxTime“:1488440220,„Max“:13.0},{„TimeStamp“:1488440160,„Avg“:56.18333333333333,„MinTime“:1488440161,„Min“:13.0,„MaxTime“:1488440160,„Max“:2604.0},{„TimeStamp“:1488440100,„Avg“:2604.0,„MinTime“:1488440100,„Min“:2604.0,„MaxTime“:1488440100,„Max“:2604.0},{„TimeStamp“:1488440040,„Avg“:2604.0,„MinTime“:1488440040,„Min“:2604.0,„MaxTime“:1488440040,„Max“:2604.0},{„TimeStamp“:1488439980,„Avg“:2604.0,„MinTime“:1488439980,„Min“:2604.0,„MaxTime“:1488439980,„Max“:2604.0},{„TimeStamp“:1488439920,„Avg“:2604.0,„MinTime“:1488439920,„Min“:2604.0,„MaxTime“:1488439920,„Max“:2604.0},{„TimeStamp“:1488439860,„Avg“:2604.0,„MinTime“:1488439860,„Min“:2604.0,„MaxTime“:1488439860,„Max“:2604.0},{„TimeStamp“:1488439800,„Avg“:2604.0,„MinTime“:1488439800,„Min“:2604.0,„MaxTime“:1488439800,„Max“:2604.0},{„TimeStamp“:1488439740,„Avg“:2604.0,„MinTime“:1488439740,„Min“:2604.0,„MaxTime“:1488439740,„Max“:2604.0},{„TimeStamp“:1488439680,„Avg“:2604.0,„MinTime“:1488439680,„Min“:2604.0,„MaxTime“:1488439680,„Max“:2604.0},{„TimeStamp“:1488439620,„Avg“:2604.0,„MinTime“:1488439620,„Min“:2604.0,„MaxTime“:1488439620,„Max“:2604.0},{„TimeStamp“:1488439560,„Avg“:2604.0,„MinTime“:1488439560,„Min“:2604.0,„MaxTime“:1488439560,„Max“:2604.0},{„TimeStamp“:1488439500,„Avg“:2604.0,„MinTime“:1488439500,„Min“:2604.0,„MaxTime“:1488439500,„Max“:2604.0},{„TimeStamp“:1488439440,„Avg“:2604.0,„MinTime“:1488439440,„Min“:2604.0,„MaxTime“:1488439440,„Max“:2604.0},{„TimeStamp“:1488439380,„Avg“:2604.0,„MinTime“:1488439380,„Min“:2604.0,„MaxTime“:1488439380,„Max“:2604.0},{„TimeStamp“:1488439320,„Avg“:2604.0,„MinTime“:1488439320,„Min“:2604.0,„MaxTime“:1488439320,„Max“:2604.0},{„TimeStamp“:1488439260,„Avg“:2604.0,„MinTime“:1488439260,„Min“:2604.0,„MaxTime“:1488439260,„Max“:2604.0},{„TimeStamp“:1488439200,„Avg“:2604.0,„MinTime“:1488439200,„Min“:2604.0,„MaxTime“:1488439200,„Max“:2604.0},{„TimeStamp“:1488439140,„Avg“:2604.0,„MinTime“:1488439140,„Min“:2604.0,„MaxTime“:1488439140,„Max“:2604.0},{„TimeStamp“:1488439080,„Avg“:2604.0,„MinTime“:1488439080,„Min“:2604.0,„MaxTime“:1488439080,„Max“:2604.0},{„TimeStamp“:1488439020,„Avg“:2604.0,„MinTime“:1488439020,„Min“:2604.0,„MaxTime“:1488439020,„Max“:2604.0},{„TimeStamp“:1488438960,„Avg“:2604.0,„MinTime“:1488438960,„Min“:2604.0,„MaxTime“:1488438960,„Max“:2604.0},{„TimeStamp“:1488438900,„Avg“:2604.0,„MinTime“:1488438900,„Min“:2604.0,„MaxTime“:1488438900,„Max“:2604.0},{„TimeStamp“:1488438840,„Avg“:2604.0,„MinTime“:1488438840,„Min“:2604.0,„MaxTime“:1488438840,„Max“:2604.0},{„TimeStamp“:1488438780,„Avg“:2604.0,„MinTime“:1488438780,„Min“:2604.0,„MaxTime“:1488438780,„Max“:2604.0},{„TimeStamp“:1488438720,„Avg“:2604.0,„MinTime“:1488438720,„Min“:2604.0,„MaxTime“:1488438720,„Max“:2604.0},{„TimeStamp“:1488438660,„Avg“:2604.0,„MinTime“:1488438660,„Min“:2604.0,„MaxTime“:1488438660,„Max“:2604.0},{„TimeStamp“:1488438600,„Avg“:2604.0,„MinTime“:1488438600,„Min“:2604.0,„MaxTime“:1488438600,„Max“:2604.0},{„TimeStamp“:1488438540,„Avg“:2604.0,„MinTime“:1488438540,„Min“:2604.0,„MaxTime“:1488438540,„Max“:2604.0},{„TimeStamp“:1488438480,„Avg“:2604.0,„MinTime“:1488438480,„Min“:2604.0,„MaxTime“:1488438480,„Max“:2604.0},{„TimeStamp“:1488438420,„Avg“:2604.0,„MinTime“:1488438420,„Min“:2604.0,„MaxTime“:1488438420,„Max“:2604.0},{„TimeStamp“:1488438360,„Avg“:2562.583333333333,„MinTime“:1488438360,„Min“:119.0,„MaxTime“:1488438361,„Max“:2604.0},{„TimeStamp“:1488438300,„Avg“:119.0,„MinTime“:1488438300,„Min“:119.0,„MaxTime“:1488438300,„Max“:119.0},{„TimeStamp“:1488438240,„Avg“:119.0,„MinTime“:1488438240,„Min“:119.0,„MaxTime“:1488438240,„Max“:119.0},{„TimeStamp“:1488438180,„Avg“:119.0,„MinTime“:1488438180,„Min“:119.0,„MaxTime“:1488438180,„Max“:119.0},{„TimeStamp“:1488438120,„Avg“:119.0,„MinTime“:1488438120,„Min“:119.0,„MaxTime“:1488438120,„Max“:119.0},{„TimeStamp“:1488438060,„Avg“:119.0,„MinTime“:1488438060,„Min“:119.0,„MaxTime“:1488438060,„Max“:119.0},{„TimeStamp“:1488438000,„Avg“:119.0,„MinTime“:1488438000,„Min“:119.0,„MaxTime“:1488438000,„Max“:119.0}]}

[paresy]

Du kannst die Chars nicht mit irgendeinem Trick aufrufen. Du kannst per Skins versuchen irgendwas mit CSS zu machen, damit es optisch besser wird… an der Stelle ist es aber eher schwierig.

paresy

[mastermind1]

Schade…
Ich fand die ähnliche Funktion in der IPS APP auf meinem Android Smartphone schon klasse. Mit einem „Wisch“ lässt sich da ja die Chartansicht einblenden und öffnen…

So etwas hätte ich in ähnlicher Form gerne ins Webfront gebaut…

Ansonsten muss ich mir tatsächlich mal die Stylesheets anschauen und ein bisschen basteln…

[Boui]

Vielleicht wäre ja IPSStudio der einfachere Weg zur Lösung.

Gesendet von iPhone mit Tapatalk