[BUG]Keine minus Werte an der Y Achse in der cardLChart

[tt-tom17]

PROBLEM DESCRIPTION

wie bekomme ich an der y Achse minus Werte angezeigt. Wollte die Außentemp. visualisieren und bekomme immer ".-" als Anzeige an der Y Achse

REQUESTED INFORMATION

let CardLChartBuero = <PageChart>
{
    "type": "cardLChart",
    "heading": "Außentemperatur",
    "useColor": true,
    'items': [<PageItem>{ 
                id: AliasAllgPath + 'Charts.AussenTemp',
                yAxis: 'Temperatur [°C]',
                yAxisTicks: '[-14,-5, 0, 5, 10, 15]',
                onColor: Yellow
             }]
};

TO REPRODUCE

Steps to reproduce the behavior:

EXPECTED BEHAVIOUR

A clear and concise description of what you expected to happen.

SCREENSHOTS

If applicable, add screenshots/pictures to help explain your problem.

ADDITIONAL CONTEXT

Add any other context about the problem here. Please note here in case you are using ioBroker

PANEL / FIRMWARE VERION

EU 4.0.3

[iobroker-nutzer]

Zudem werden die eingetragenen yAxisTicks im Skript werden auch nicht wie eingetragen im Chart angezeigt. Es werden nur die angezeigt, die die tatsächlichen Daten umschließen. Also Daten Skala angegeben 0-40°C in 5°C Schritten, Daten sind 17-26 rad ergibt eine Skala von 15-30°C. Es wäre schön, wenn die Ticks fest wie eingegeben angezeigt würden, da man dann nicht auf die Skala achten muss (immer 0-40°C, nicht mal 15-25°C, mal 30-45°C).

[Armilar]

@joBr99 , @fumanchi besteht noch die Möglichkeit für ein fix?

[joBr99]

Ich hab kein Plan, ich hab's ja bis heute noch nicht geschafft das Chart pages für Homeassistent zu implementieren ;)

[tt-tom17]

Könnte man vielleicht die positiven und negativen Zahlen farblich unterscheiden. Währe das ein Ansatz?

[Armilar]

Wir sind da zu wenig in der Materie... Wir warten mal ob wir @fumanchi dazu befragen können

Ich hab kein Plan, ich hab's ja bis heute noch nicht geschafft das Chart pages für Homeassistent zu implementieren ;)

@joBr99 🤣

[fumanchi]

Moin... Klar kann man das alles machen... Und ich habe selber auch Szenarien in denen ich negative Werte erwarte und werde das auch sicher bei Gelegenheit einbauen... Das Ganze ist aber deswegen nicht so zu trivial und damit schnell gemacht weil es nicht genügend nutzbare Variablen gibt mit denen man spielen könnte. Auch muss ich meine Entwicklungsumgebung ersteinmal wieder einrichten. Das kostet Zeit die ich aktuell leider nicht habe... Ich muss euch daher leider ersteinmal vertrösten ;( LG

PS.: Sollte jemand Lust und Zeit dafür haben kann ich gerne etwas unterstützen...

[Armilar]

@joBr99

Ein Beispiel, wie wir im ioBroker die payloads zusammenbauen:

Beispiel für komplettes payload: payload: pageType~cardLChart payload: entityUpd~Büro Temperatur~button~bPrev~~65535~~~button~bNext~~65535~~~65504~Temperatur [°C]~-250:-200:-150:-100:-50:0:50:100:150:200:250:300~0^20:00+60+120+180+240^00:00+300+360+420+480^04:00+540+600+660+720^08:00+780+840+900+960^12:00+1020+1080+1140+1200^16:00+1260+1320+1380~88:213~148:214~208:215~268:213~328:208~388:207~448:203~508:201~568:200~628:198~688:197~748:201~808:202~868:203~928:206~988:209~1048:210~1108:210~1168:208~1228:207~1288:206~1348:209~1408:210~1440:212

Jetzt zerlegt:

payload: entityUpd~Büro Temperatur~button~bPrev~~65535~~~button~bNext~~65535~~~65504

analog

danach folgt: ~Temperatur [°C] // Y-Beschriftung ~-250:-200:-150:-100:-50:0:50:100:150:200:250:300 // Skala (wobei hier die negative Darstellung nicht funktioniert (Bug))

--> also diese Werte in der cardLChart Y-Achse: [-25°, -20°, -15°, -10°, -5°, 0°, 5°, 10°, 15°, 20°, 25°, 30°]. Die cardLChart optimiert den idealen Bereich der Skala

Jetzt der Aufbau der X-Achse: ~0^20:00+60+120+180+240^00:00+300+360+420+480^04:00+540+600+660+720^08:00+780+840+900+960^12:00+1020+1080+1140+1200^16:00+1260+1320+1380

falls die Uhrzeit xTicks mit angezeigt werden soll, wird diese mit z.B. "^20:00" hinter den X-Achsen Positionen (Ticks)

dann folgen die Koordinaten (X:Y): ~88:213~148:214~208:215~268:213~328:208~388:207~448:203~508:201~568:200~628:198~688:197~748:201~808:202~868:203~928:206~988:209~1048:210~1108:210~1168:208~1228:207~1288:206~1348:209~1408:210~1440:212

Evtl kann das jemand aus unseren ioBroker-JavaScripts (Wiki) in HA adaptieren:

https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardlchart-line-charts-ab-ts-script-v390