FTUI Widget Chart Gradient Funktion ist ohne Funktion

eki · 26 September 2018, 09:39:15

Das bringt mich ein bisschen weiter. Kannst Du bitte mal mit folgender Definition testen:


data-style='[["fill",["-20","#0000ff","0.7"],["0","#0000ff","0"],["0","#ff0000","0"],["20","#ff0000","0.7"]]]'

Rothammel · 26 September 2018, 09:53:29

Zitat von: eki am 26 September 2018, 09:39:15
Das bringt mich ein bisschen weiter. Kannst Du bitte mal mit folgender Definition testen:

Code Auswählen Erweitern
data-style='[["fill",["-20","#0000ff","0.7"],["0","#0000ff","0"],["0","#ff0000","0"],["20","#ff0000","0.7"]]]'

sieht dann so aus...

eki · 26 September 2018, 14:51:41

Kannst Du bitte noch mal schauen, wie es aussieht, wenn Du folgende Version des Charts verwendest (ich hoffe, der Fehler, den ich gefunden habe, löst Dein Problem).

In Deinem Beispiel wirst Du dann den oberen Teil des Graphen immer noch sehr schwach sehen, das ist aber so, weil Deine Werte eben nur einen Teil des definierten Wertebereich des Stils abdecken und von 0 an ja erst mal durchsichtig gezeichnet wird. Du kannst eventuell den gleichen Graphen noch mal dazufügen und den dann als Linie zeichnen lassen (statt 'fill' eine Zahl, die die Dicke angiebt).

Rothammel · 26 September 2018, 15:58:40

Zitat von: eki am 26 September 2018, 14:51:41
Kannst Du bitte noch mal schauen, wie es aussieht, wenn Du folgende Version des Charts verwendest (ich hoffe, der Fehler, den ich gefunden habe, löst Dein Problem).

In Deinem Beispiel wirst Du dann den oberen Teil des Graphen immer noch sehr schwach sehen, das ist aber so, weil Deine Werte eben nur einen Teil des definierten Wertebereich des Stils abdecken und von 0 an ja erst mal durchsichtig gezeichnet wird. Du kannst eventuell den gleichen Graphen noch mal dazufügen und den dann als Linie zeichnen lassen (statt 'fill' eine Zahl, die die Dicke angiebt).

danke dir, sieht gut aus, aber ich habe die stildefination folgendermaßen geändert:
data-style='[[2,["-8","#0000ff","0.7"],["0","#0000ff","0.7"],["0","#ff0000","0.7"],["8","#ff0000","0.7"]]]'
um einen harten Übergang zischen rot und blau zu erreichen und nur eine Linie angezeigt zu bekommen.

leider beginnt der blaue Bereich nicht wie erwartet bei 0, sondern es wird je nach Ausschnitt der kleinste Wert des Graphen blau gezeichnet

eki · 26 September 2018, 16:24:51

Bist Du sicher, dass die von mir geschickte Chart Version aktiv ist (an die richtig Stelle kopiert, und den Browser Cache mit Strg-Shift+Entf gelöscht)?
Ansonsten schicke bitte noch mal Deine neue Definition und vielleicht auch die passende Liste aus Deiner LogDB.

Rothammel · 26 September 2018, 16:35:37

Zitat von: eki am 26 September 2018, 16:24:51
Bist Du sicher, dass die von mir geschickte Chart Version aktiv ist (an die richtig Stelle kopiert, und den Browser Cache mit Strg-Shift+Entf gelöscht)?
Ansonsten schicke bitte noch mal Deine neue Definition und vielleicht auch die passende Liste aus Deiner LogDB.

ja soeben auch noch mal wiederholt,

logdb

Code Auswählen

<ROW TIMESTAMP="20180726T00:11:26000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.08" READING="kiloWatt" VALUE="0.08" UNIT=""/>
  <ROW TIMESTAMP="20180726T00:26:27000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.07" READING="kiloWatt" VALUE="0.07" UNIT=""/>
  <ROW TIMESTAMP="20180726T00:37:09000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.15" READING="kiloWatt" VALUE="0.15" UNIT=""/>
  <ROW TIMESTAMP="20180726T00:52:10000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.13" READING="kiloWatt" VALUE="0.13" UNIT=""/>
  <ROW TIMESTAMP="20180726T01:07:11000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.13" READING="kiloWatt" VALUE="0.13" UNIT=""/>
  <ROW TIMESTAMP="20180726T01:22:11000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.13" READING="kiloWatt" VALUE="0.13" UNIT=""/>
  <ROW TIMESTAMP="20180726T01:37:12000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.12" READING="kiloWatt" VALUE="0.12" UNIT=""/>
  <ROW TIMESTAMP="20180726T01:52:22000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.10" READING="kiloWatt" VALUE="0.10" UNIT=""/>
  <ROW TIMESTAMP="20180726T02:07:23000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.09" READING="kiloWatt" VALUE="0.09" UNIT=""/>
  <ROW TIMESTAMP="20180726T02:22:23000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.09" READING="kiloWatt" VALUE="0.09" UNIT=""/>
  <ROW TIMESTAMP="20180726T02:37:24000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.09" READING="kiloWatt" VALUE="0.09" UNIT=""/>
  <ROW TIMESTAMP="20180726T02:52:25000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.11" READING="kiloWatt" VALUE="0.11" UNIT=""/>
  <ROW TIMESTAMP="20180726T03:07:26000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.13" READING="kiloWatt" VALUE="0.13" UNIT=""/>
  <ROW TIMESTAMP="20180726T03:22:26000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.14" READING="kiloWatt" VALUE="0.14" UNIT=""/>
  <ROW TIMESTAMP="20180726T03:37:27000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.14" READING="kiloWatt" VALUE="0.14" UNIT=""/>
  <ROW TIMESTAMP="20180726T03:52:28000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.16" READING="kiloWatt" VALUE="0.16" UNIT=""/>
  <ROW TIMESTAMP="20180726T04:07:29000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.17" READING="kiloWatt" VALUE="0.17" UNIT=""/>
  <ROW TIMESTAMP="20180726T04:22:29000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.17" READING="kiloWatt" VALUE="0.17" UNIT=""/>
  <ROW TIMESTAMP="20180726T04:37:44000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.18" READING="kiloWatt" VALUE="0.18" UNIT=""/>
  <ROW TIMESTAMP="20180726T04:52:44000" DEVICE="Status_Pufferspeicher_Verbrauch" TYPE="MQTT_DEVICE" EVENT="kiloWatt: 0.17" READING="kiloWatt" VALUE="0.17" UNIT=""/>

Code Auswählen

<div data-type="chart"
	 data-device="Status_Pufferspeicher_Verbrauch"
	 date-get="Status_Pufferspeicher_Verbrauch"
	 data-logdevice="logdb"
	 data-logfile="HISTORY"
	 data-columnspec="Status_Pufferspeicher_Verbrauch:kiloWatt"
	 data-uaxis="primary"
	 data-style='[[2,["-8","#0000ff","0.7"],["-0.1","#0000ff","0.7"],["0.1","#ff0000","0.7"],["8","#ff0000","0.7"]]]'
	 data-yunit="kW/h"
	 data-minvalue="-10"
	 data-maxvalue="10"
	 data-title="Wärmeverbrauch"
	 class="fullsize">
</div>

Rothammel · 26 September 2018, 17:11:04

noch ein Hinweis von mir, mit der Definition 'fill' funktioniert es einwandfrei, allerdings nicht mit Strichstärke 2

Rothammel · 27 September 2018, 14:06:49

und ich habe heute durch Zufall noch etwas entdeckt, auch wenn der Chart überhaupt nicht in den negativen Bereich geht, wird der niedrigste Bereich blau gezeichnet

Code Auswählen

		<div data-type="chart"
			 data-device="Status_Pufferspeicher_Verbrauch"
			 date-get="Status_Pufferspeicher_Verbrauch"
			 data-logdevice="logdb"
			 data-logfile="HISTORY"
			 data-columnspec="Status_Pufferspeicher_Verbrauch:kiloWatt"
			 data-uaxis="primary"
			 data-style='[[3,["-8","#0000ff","1"],["0","#0000ff","1"],["0","#ff0000","1"],["8","#ff0000","1"]]]'
			 data-yunit="kW/h"
			 data-minvalue="-10"
			 data-maxvalue="10"
			 data-title="Wärmeverbrauch"
			 class="fullsize">
		</div>

ed3526 · 01 April 2022, 10:16:32

Mit der zusätzlichen [] und die Linienstärke mit " funktioniert es bei mir
data-style='[["2",["-500","#0000ff","0.7"],["0","#0000ff","0.7"],["0","#00ff00","0.7"],["3ß00","#00ff00","0.7"]]]'