HomeMatic-Forum / FHZ-Forum

Phantomas88 hat geschrieben: ↑

23.02.2022, 09:44

Hallo Zusammen,

hier mal meine eine Auswahl meiner derzeitigen Views. Das Tablet hängt im Flur.

roe1974 hat geschrieben: ↑

12.11.2022, 09:31

@Challenger: Sehr cooles Dashboard !!!!!!
Als Anregung: Ich habe mir Grafiken für das Raffstore gemacht in Photoshop, dann mehrer Status Regeln übereinander gelegt, damit sehe ich am Dashboard immer den wirklichen Status des Raffstores (Höhe und Position der Lamelle). Siehe Screenshots.
lg Richard

frischi hat geschrieben: ↑

09.01.2023, 10:53

Anbei wiedereinmal ein Update...

Matten Matten hat geschrieben: ↑

18.01.2023, 11:13

Hey, wie hast du das umgesetzt das die Charts so super mit Zeitstrahl integriert sind?

Fonzo hat geschrieben: ↑

18.01.2023, 12:00

Ich habe mich schon mit dem Webseitenelement was du auch verlinkt hast auseinander gesetzt und ausgetobt, jedoch bleibt es bei der einfachen x Achse wo nur die Datenpunkte hochgezählt werden wie hier in meinem Bild...

Ich schreibe die Diagramm Werte in eine ccu Systemvariable via nodered so wie es auch der automtion Manager macht einzeln getrennt mit einem ";" nur hätte ich auch gerne eine Zeitachse und nich das einfache hochzählen der Datenpunkte.

EDIT:
Ich habe auch die Vorlage von mediola abgeändert und erweitert so das ich mehrere werte in einer variable ablege und anfüge. Bsp

Code: Alles auswählen

2,5;3;5,3/30;33;20/301;380;390;355

ich splitte im Webseitenelement den string auf mit

daten.split('/');

Der Scriptbereich sieht dann so aus:

Code: Alles auswählen

<script>

var daten = '%neo_state%';

if (daten[daten.length - 1] === ';') {
    daten = daten.substr(0, daten.length - 1);
}

var datenteil = daten.split('/');

var datenteil0 = "" + datenteil[0] + "";
var datenteil1 = "" + datenteil[1] + "";
var datenteil2 = "" + datenteil[2] + "";
var datenteil3 = "" + datenteil[3] + "";

//var col1 = daten.split(';');
var col1 = datenteil0.split(';');
col1.splice(0, 0, 'Leistung vom Dach in Watt');

var col2 = datenteil1.split(';');
col2.splice(0, 0, 'Leistung aus dem Netz in Watt');

var col3 = datenteil2.split(';');
col3.splice(0, 0, 'Batterie Leistung in Watt');

var col4 = datenteil3.split(';');
col4.splice(0, 0, 'Hausverbrauch in Watt');

var chart = c3.generate({
    bindto: '#chart',
    data: { 
            columns: [col3, col4, col1, col2],
            type: 'area-spline',
            axis: { x: { type: 'timeseries', tick: { 
             format: '%Y-%m-%d' } } }
           },
    legend: { position: 'down' },

});
</script>

das "axis: { x: { type: 'timeseries', tick: { format: '%Y-%m-%d' } } }" hat leider nicht den gewünschten Erfolg gebracht.

am ende hab ich alle datenpunkte als diagramm nur ohne zeitstrahl und das nervt mich noch...


Gruß
Matten Matten