<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[VIS Dynamisch Flot Diagramme einblenden]]></title><description><![CDATA[<p dir="auto">Hallo,</p>
<p dir="auto">ich brauche mal euren Ratschlag. Ich habe folgende Visualisierung:<br />
<img src="/assets/uploads/files/1577111564286-9a2e6bb9-85ee-4637-81a6-07341f125607-image.png" alt="9a2e6bb9-85ee-4637-81a6-07341f125607-image.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Würde jetzt gerne einen Insichtbaren Button über die verschiedenen Bereiche Legen um beim Klick Detailinfos anzuzeigen.<br />
In etwa so:<br />
<img src="/assets/uploads/files/1577111652961-8bf838b3-c778-47c1-91e8-ef363d2583dd-image.png" alt="8bf838b3-c778-47c1-91e8-ef363d2583dd-image.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Das funktioniert statisch auch schoin einigermaßen. Aber eigentlich würde ich das gerne so umsetzen dass ich nur eine View baue mit 4 Diagramcontainern und die jeweiligen Links dynamisch belegt.<br />
Also z.B. beim Link auf Bad Temperatur schreibe ich irgendwie die 4 Flot Links in 4 States und die View soll dann diese Links benutzen. Beim Klick auf einen anderen Bereich schreibe ich 4 andere Links in den State aber rufe die gleiche View nur mit andern Links auf.</p>
<p dir="auto">Kann das funktionieren? Ich glaub ein iFrame kann sich den Link aus einem State holen. Aber gibt es auch einen Button der gleichzeitig einen State schreiben und die View wechseln kann? Bzw. kann ich das irgendwie über ein Skript steuern das checkt von welchem Button ich komme, die entsprechenden Links setzt und dann in eine andere View springt?</p>
]]></description><link>https://forum.iobroker.net/topic/28006/vis-dynamisch-flot-diagramme-einblenden</link><generator>RSS for Node</generator><lastBuildDate>Thu, 09 Apr 2026 07:59:01 GMT</lastBuildDate><atom:link href="https://forum.iobroker.net/topic/28006.rss" rel="self" type="application/rss+xml"/><pubDate>Mon, 23 Dec 2019 14:39:18 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to VIS Dynamisch Flot Diagramme einblenden on Thu, 16 Jan 2020 20:33:37 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/weidlix" aria-label="Profile: weidlix">@<bdi>weidlix</bdi></a> du kannst dir ja das mal anschauen.<br />
<a href="https://forum.iobroker.net/topic/28598/dashboard-f%C3%BCr-temp-hum-mit-flot-im-grafana-stil">https://forum.iobroker.net/topic/28598/dashboard-für-temp-hum-mit-flot-im-grafana-stil</a></p>
<p dir="auto">Bei mir läuft mehr oder weniger alles in vis im Browser nur die Datenabfrage aus der Mysql-DB läuft über iobroker.</p>
<p dir="auto">wie geschrieben muss man sich allerdings schon ein wenig auskennen.<br />
ich habe für die Detailsicht einen jquery-Dialog verwendet und in diesem wird dann dynamisch das jeweilige Detaildiagramm erzeugt.<br />
Ich verwende flot allerdings direkt und nicht über einen Link zum flot-adapter</p>
]]></description><link>https://forum.iobroker.net/post/359480</link><guid isPermaLink="true">https://forum.iobroker.net/post/359480</guid><dc:creator><![CDATA[OliverIO]]></dc:creator><pubDate>Thu, 16 Jan 2020 20:33:37 GMT</pubDate></item><item><title><![CDATA[Reply to VIS Dynamisch Flot Diagramme einblenden on Thu, 16 Jan 2020 16:00:04 GMT]]></title><description><![CDATA[<p dir="auto">Ich bin endlich mal dazu gekommen das zu testen.<br />
Nochmal zur Problemstellung ... Ich habe ca 10 Xiaomi Temperatursensoren und wollte für diese eine Page mit Diagrammen erstellen auf der dynamisch die entsprechenden Diagramme der Sensoren eingeblendet werden können. Wollte also keine 10 Pages bauen sondern eine Dynamische.<br />
Hab das so umgesetzt dass ich erst mal im VIS über meine Sensoren einen unsichtbaren Button gelegt habe. Wenn dieser angeclickt wird, wird ein State mit der ID des Zigbee Sensors geschrieben.<br />
Nachfolgend reagiert ein kleines Script auf den State und erstellt einsprechende Flot Diagramme:</p>
<pre><code>on("javascript.0.VIS.Flot_Temperaturdiagramme.DiagramZigbeeSensor", function (obj) {
	let value = obj.newState.val;

    if(value !== ''){
      log(value);
      let searchPattern = "##ZIGBEE-ID##";

      let templateTag = getState("javascript.0.VIS.Flot_Temperaturdiagramme.Template_Tag").val
      let templateWoche = getState("javascript.0.VIS.Flot_Temperaturdiagramme.Template_Woche").val
      let templateMonat = getState("javascript.0.VIS.Flot_Temperaturdiagramme.Template_Monat").val

      setState("javascript.0.VIS.Flot_Temperaturdiagramme.Aktuell_Tag", templateTag.split(searchPattern).join(value));
      setState("javascript.0.VIS.Flot_Temperaturdiagramme.Aktuell_Woche", templateWoche.split(searchPattern).join(value));
      setState("javascript.0.VIS.Flot_Temperaturdiagramme.Aktuell_Monat", templateMonat.split(searchPattern).join(value));

      setState("vis.0.control.command", '{"instance": "FFFFFFFF", "command": "changeView", "data": "main/TemperaturDiagrams"}');

      //setState('vis.0.control.data', "main/TemperaturDiagrams");
      //setState('vis.0.control.command', 'changeView');
      setState("javascript.0.VIS.Flot_Temperaturdiagramme.DiagramZigbeeSensor", '');
    }
});
</code></pre>
<p dir="auto">Ist so gebaut dass ich einfach Template Diagramme erstellt habe und einfach die Datenpunkt ID austausche. Wollte hier auch nicht 30 Diagramme händisch erstellen.<br />
Wichtig ist noch zu erwähnen dass bei der Weiterleitung auf die Diagram View via "change View" die instanz FFFFFFFF mitgegeben wird, was so viel bedeutet wie dass alle VIS instanzen auf diese View weitergeleitet werden. Ohne das hatte es nämlich auf meinem Tablet nicht funktioniert.</p>
<p dir="auto">Abschließend mal noch die 2 Pages über die ich gesprochen habe:<br />
<img src="/assets/uploads/files/1579190307923-1.png" alt="1.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"><img src="/assets/uploads/files/1579190385476-2.png" alt="2.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.iobroker.net/post/359339</link><guid isPermaLink="true">https://forum.iobroker.net/post/359339</guid><dc:creator><![CDATA[weidlix]]></dc:creator><pubDate>Thu, 16 Jan 2020 16:00:04 GMT</pubDate></item><item><title><![CDATA[Reply to VIS Dynamisch Flot Diagramme einblenden on Mon, 23 Dec 2019 15:06:50 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/weidlix" aria-label="Profile: weidlix">@<bdi>weidlix</bdi></a><br />
ich bin kein Skripter.</p>
<p dir="auto">Ich würde es mit try and error folgendermaßen versuchen:</p>
<p dir="auto">So viele Datenpunkte anlegen, wie es Charts geben soll. + einen weiteren (active_chart)<br />
sowie so viele Datenpunkte typ Logik wie es Buttons gibt.<br />
Im View EIN iframe -widget (gesteuert über Sichtbarkeit)</p>
<p dir="auto">Beim Drücken auf Button1 erfolgt die Umschaltung resp. Aktualisierung des States1<br />
Diese Aktualisierung triggert jetzt dass die URL von Chart1 in active_Chart geschrieben wird.<br />
Dieses aktiviert über die Sichtbarkeit den Chart.</p>
<p dir="auto">Irgendwie ;-) muss dann noch der State active_Chart hinterher geleert werden</p>
]]></description><link>https://forum.iobroker.net/post/344448</link><guid isPermaLink="true">https://forum.iobroker.net/post/344448</guid><dc:creator><![CDATA[Homoran]]></dc:creator><pubDate>Mon, 23 Dec 2019 15:06:50 GMT</pubDate></item><item><title><![CDATA[Reply to VIS Dynamisch Flot Diagramme einblenden on Mon, 23 Dec 2019 14:58:39 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/homoran" aria-label="Profile: Homoran">@<bdi>Homoran</bdi></a></p>
<p dir="auto">Ok dann schau ich da mal weiter. Ich versuche mal mit den Buttons einen Datanpunkt zu schreiben auf dem ein Trigger sitzt der die URLs entsprechend setzt und anschließen versuche ich auf die entsprechende View zu switchen.<br />
Das müsste damit gehen oder?</p>
<pre><code>setState('vis.0.control.data', myNewView);
setState('vis.0.control.command', 'changeView');
</code></pre>
]]></description><link>https://forum.iobroker.net/post/344447</link><guid isPermaLink="true">https://forum.iobroker.net/post/344447</guid><dc:creator><![CDATA[weidlix]]></dc:creator><pubDate>Mon, 23 Dec 2019 14:58:39 GMT</pubDate></item><item><title><![CDATA[Reply to VIS Dynamisch Flot Diagramme einblenden on Mon, 23 Dec 2019 14:52:52 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/weidlix" aria-label="Profile: weidlix">@<bdi>weidlix</bdi></a><br />
Also nicht ganz so einfach.</p>
<p dir="auto">Der Button (die Buttons???) lösen (irgendetwas) aus.<br />
Dadurch wird das Skript getriggert, Dann kann die Reihenfolge eingehalten werden</p>
<p dir="auto">(da war ein längerer Thread zu automatische View umschalten)</p>
]]></description><link>https://forum.iobroker.net/post/344444</link><guid isPermaLink="true">https://forum.iobroker.net/post/344444</guid><dc:creator><![CDATA[Homoran]]></dc:creator><pubDate>Mon, 23 Dec 2019 14:52:52 GMT</pubDate></item><item><title><![CDATA[Reply to VIS Dynamisch Flot Diagramme einblenden on Mon, 23 Dec 2019 14:49:57 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/homoran" aria-label="Profile: Homoran">@<bdi>Homoran</bdi></a> said in <a href="/post/344438">VIS Dynamisch Flot Diagramme einblenden</a>:</p>
<blockquote>
<p dir="auto">Hab ich dich richtig verstanden, dass du die FLOT-Urls in einen Datenpunkt schreiben willst?</p>
</blockquote>
<p dir="auto">Ja hast Du richtig verstanden. Allerdings muss ich beim Button Click 2 Actions in folgender Reihenfolge triggern:</p>
<ol>
<li>Schreibe die entsprechenden URLs in die Datenpunkte</li>
<li>Rufe die View auf die die URLs abgreift und die Flot Diagramme anzeigt</li>
</ol>
]]></description><link>https://forum.iobroker.net/post/344441</link><guid isPermaLink="true">https://forum.iobroker.net/post/344441</guid><dc:creator><![CDATA[weidlix]]></dc:creator><pubDate>Mon, 23 Dec 2019 14:49:57 GMT</pubDate></item><item><title><![CDATA[Reply to VIS Dynamisch Flot Diagramme einblenden on Mon, 23 Dec 2019 14:47:54 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/weidlix" aria-label="Profile: weidlix">@<bdi>weidlix</bdi></a> sagte in <a href="/post/344436">VIS Dynamisch Flot Diagramme einblenden</a>:</p>
<blockquote>
<p dir="auto">Welchen URL State meinst du?</p>
</blockquote>
<p dir="auto">Hab ich dich richtig verstanden, dass du die FLOT-Urls in einen Datenpunkt schreiben willst?</p>
]]></description><link>https://forum.iobroker.net/post/344438</link><guid isPermaLink="true">https://forum.iobroker.net/post/344438</guid><dc:creator><![CDATA[Homoran]]></dc:creator><pubDate>Mon, 23 Dec 2019 14:47:54 GMT</pubDate></item><item><title><![CDATA[Reply to VIS Dynamisch Flot Diagramme einblenden on Mon, 23 Dec 2019 14:46:06 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/homoran" aria-label="Profile: Homoran">@<bdi>Homoran</bdi></a> said in <a href="/post/344435">VIS Dynamisch Flot Diagramme einblenden</a>:</p>
<blockquote>
<p dir="auto">Ja, du triggerst auf den State mit der URL, wenn sich die Ändert</p>
</blockquote>
<p dir="auto">Kann dir leider noch nicht so folgen. Welchen URL State meinst du? Der von der aktuellen VIS View? Wenn ja wo finde ich den? Ich glaube du meinst was anderes. Es gibt ja nicht den einen aktuellen VIS view. Kann ja sein das mehrere Clients auf VIS zugreifen.</p>
]]></description><link>https://forum.iobroker.net/post/344436</link><guid isPermaLink="true">https://forum.iobroker.net/post/344436</guid><dc:creator><![CDATA[weidlix]]></dc:creator><pubDate>Mon, 23 Dec 2019 14:46:06 GMT</pubDate></item><item><title><![CDATA[Reply to VIS Dynamisch Flot Diagramme einblenden on Mon, 23 Dec 2019 14:41:23 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/weidlix" aria-label="Profile: weidlix">@<bdi>weidlix</bdi></a> sagte in <a href="/post/344432">VIS Dynamisch Flot Diagramme einblenden</a>:</p>
<blockquote>
<p dir="auto">Aber gibt es auch einen Button der gleichzeitig einen State schreiben und die View wechseln kann?</p>
</blockquote>
<p dir="auto">nicht direkt, aber:</p>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/weidlix" aria-label="Profile: weidlix">@<bdi>weidlix</bdi></a> sagte in <a href="/post/344432">VIS Dynamisch Flot Diagramme einblenden</a>:</p>
<blockquote>
<p dir="auto">kann ich das irgendwie über ein Skript steuern</p>
</blockquote>
<p dir="auto">Ja, du triggerst auf den State mit der URL, wenn sich die Ändert</p>
]]></description><link>https://forum.iobroker.net/post/344435</link><guid isPermaLink="true">https://forum.iobroker.net/post/344435</guid><dc:creator><![CDATA[Homoran]]></dc:creator><pubDate>Mon, 23 Dec 2019 14:41:23 GMT</pubDate></item></channel></rss>