[Showcase] Jarvis - just another remarkable vis

[Chris_Carryflag]

@smile
Hier ist das PANEL JSON für das Grafana-Chart:

Spoiler

{
 "id": 2,
 "gridPos": {
   "h": 11,
   "w": 24,
   "x": 0,
   "y": 0
 },
 "type": "graph",
 "title": "PV-Anlage",
 "transformations": [],
 "thresholds": [],
 "pluginVersion": "8.2.2",
 "legend": {
   "alignAsTable": false,
   "avg": false,
   "current": true,
   "max": false,
   "min": false,
   "rightSide": false,
   "show": true,
   "sideWidth": 250,
   "total": false,
   "values": true
 },
 "aliasColors": {},
 "bars": false,
 "dashLength": 10,
 "dashes": false,
 "description": "",
 "fieldConfig": {
   "defaults": {
     "unit": "watt"
   },
   "overrides": [
     {
       "matcher": {
         "id": "byName",
         "options": "SunElevation"
       },
       "properties": [
         {
           "id": "unit",
           "value": "degree"
         }
       ]
     }
   ]
 },
 "fill": 0,
 "fillGradient": 0,
 "hiddenSeries": false,
 "lines": true,
 "linewidth": 1,
 "nullPointMode": "null",
 "options": {
   "alertThreshold": false
 },
 "percentage": false,
 "pointradius": 2,
 "points": false,
 "renderer": "flot",
 "seriesOverrides": [
   {
     "$$hashKey": "object:18175",
     "alias": "SunElevation",
     "yaxis": 2
   },
   {
     "$$hashKey": "object:57951",
     "alias": "SunElevation",
     "dashes": true
   },
   {
     "$$hashKey": "object:360",
     "alias": "PV-Output",
     "color": "#56A64B",
     "fill": 5
   },
   {
     "$$hashKey": "object:372",
     "alias": "PV-Eigenverbrauch",
     "color": "#E0B400",
     "fill": 2
   },
   {
     "$$hashKey": "object:438",
     "alias": "PV-Bezug",
     "color": "#FF7383",
     "fill": 5
   },
   {
     "$$hashKey": "object:449",
     "alias": "PV-Hausverbrauch",
     "color": "#FA6400",
     "dashLength": 3,
     "dashes": true,
     "spaceLength": 3
   },
   {
     "$$hashKey": "object:821",
     "alias": "Zukauf",
     "color": "#C4162A",
     "fill": 6
   },
   {
     "$$hashKey": "object:1005",
     "alias": "PV-Einspeisung",
     "color": "#FF7383",
     "fill": 2
   }
 ],
 "spaceLength": 10,
 "stack": false,
 "steppedLine": false,
 "targets": [
   {
     "groupBy": [],
     "hide": true,
     "measurement": "SunElevation",
     "orderByTime": "ASC",
     "policy": "default",
     "refId": "A",
     "resultFormat": "time_series",
     "select": [
       [
         {
           "params": [
             "value"
           ],
           "type": "field"
         }
       ]
     ],
     "tags": []
   },
   {
     "groupBy": [],
     "measurement": "SunPanelMax",
     "orderByTime": "ASC",
     "policy": "default",
     "refId": "B",
     "resultFormat": "time_series",
     "select": [
       [
         {
           "params": [
             "value"
           ],
           "type": "field"
         }
       ]
     ],
     "tags": []
   },
   {
     "alias": "PV-Output",
     "groupBy": [],
     "hide": false,
     "measurement": "PV-Leistung ",
     "orderByTime": "ASC",
     "policy": "default",
     "query": "SELECT \"value\" FROM \"PV-Leistung \" WHERE $timeFilter",
     "rawQuery": false,
     "refId": "C",
     "resultFormat": "time_series",
     "select": [
       [
         {
           "params": [
             "value"
           ],
           "type": "field"
         }
       ]
     ],
     "tags": []
   },
   {
     "groupBy": [],
     "hide": false,
     "measurement": "PV-Hausverbrauch",
     "orderByTime": "ASC",
     "policy": "default",
     "query": "SELECT \"value\" FROM \"PV-Bezug\" WHERE $timeFilter",
     "rawQuery": false,
     "refId": "D",
     "resultFormat": "time_series",
     "select": [
       [
         {
           "params": [
             "value"
           ],
           "type": "field"
         }
       ]
     ],
     "tags": []
   },
   {
     "alias": "Zukauf",
     "groupBy": [],
     "hide": false,
     "measurement": "PV-Bezug",
     "orderByTime": "ASC",
     "policy": "default",
     "query": "SELECT \"value\" FROM \"PV-Einspeisung\" WHERE $timeFilter",
     "rawQuery": false,
     "refId": "E",
     "resultFormat": "time_series",
     "select": [
       [
         {
           "params": [
             "value"
           ],
           "type": "field"
         },
         {
           "params": [
             "*-1"
           ],
           "type": "math"
         }
       ]
     ],
     "tags": []
   },
   {
     "groupBy": [],
     "hide": false,
     "measurement": "PV-Einspeisung",
     "orderByTime": "ASC",
     "policy": "default",
     "query": "SELECT \"value\" FROM \"PV-Bezug\" WHERE $timeFilter",
     "rawQuery": false,
     "refId": "F",
     "resultFormat": "time_series",
     "select": [
       [
         {
           "params": [
             "value"
           ],
           "type": "field"
         },
         {
           "params": [
             "*-1"
           ],
           "type": "math"
         }
       ]
     ],
     "tags": []
   },
   {
     "groupBy": [],
     "hide": false,
     "measurement": "PV-Eigenverbrauch",
     "orderByTime": "ASC",
     "policy": "default",
     "query": "SELECT \"value\" FROM \"PV-Bezug\" WHERE $timeFilter",
     "rawQuery": false,
     "refId": "G",
     "resultFormat": "time_series",
     "select": [
       [
         {
           "params": [
             "value"
           ],
           "type": "field"
         }
       ]
     ],
     "tags": []
   }
 ],
 "timeFrom": null,
 "timeRegions": [],
 "timeShift": null,
 "tooltip": {
   "shared": true,
   "sort": 0,
   "value_type": "individual"
 },
 "xaxis": {
   "buckets": null,
   "mode": "time",
   "name": null,
   "show": true,
   "values": []
 },
 "yaxes": [
   {
     "$$hashKey": "object:16600",
     "decimals": null,
     "format": "watt",
     "label": "",
     "logBase": 1,
     "max": "8000",
     "min": "-8000",
     "show": true
   },
   {
     "$$hashKey": "object:16601",
     "decimals": null,
     "format": "degree",
     "label": null,
     "logBase": 1,
     "max": "90",
     "min": "0",
     "show": false
   }
 ],
 "yaxis": {
   "align": true,
   "alignLevel": 0
 },
 "datasource": null
}

[Zefau]

@stephan1827 sagte in [Showcase] Jarvis - just another remarkable vis:

Wenn ich eine von den oberen Nachrichten quittiere taucht sie nach kurzer Zeit wieder auf. Wenn ich auf "Zeige archivierte Benachrichtigungen" clicke dann friert Jarvis ein.

Das sollte nicht passieren. Bist du auf v3? Hast du Jarvis mal neugestartet?

[stephan1827]

@zefau Das Problem habe ich schon seit der Umstellung von V2 auf V3. Seitdem habe ich schon x Mal neu gestartet und upgedated.

[Zefau]

@stephan1827 bist du denn auf der letzten alpha? den Fehler gab es mal, aber gilt eigl als behoben.

[stephan1827]

@zefau Habe gerade nochmal aktualisiert aber das Problem ist immer noch da. Kann ich die Historie irgendwie von Hand löschen?

[Zefau]

@stephan1827 jarvis.0.notificafions

[Minta79]

@simatec wie hast du die Abwesenheiten realisiert?

[Bloody]

Hat jemand von euch Bodenfeuchtigskeitssensoren im Einsatz und wenn ja, wie habt ihr sie visualisiert. Bin irgendwie ein bisschen Ideenlos...
AKtuell siehts so aus, gefällt mir aber noch nicht.

[Dead4K]

@zefau sagte in [Showcase] Jarvis - just another remarkable vis:

@robbi12 sagte in [Showcase] Jarvis - just another remarkable vis:

Also ich bin auch Anfänger. Ich habe es gefunden. Einfach bei Styles reinkopieren. Mir persönlich gefällt meine dunkle Variante besser. Geschmackssache

teile gerne deine Konfiguration und Screenshots für andere

Also ich hab die v 3.0.10 beta 2 und den Style halbtransparent in styles kopiert hat leider nicht funktioniert. Kann mir einer sagen woran es liegt?

[MCU]

@dead4k Wie sieht denn der halbtransparente Style aus, welche Einträge in CSS? Link?

[Dead4K]

@ww1983 also ich wüsste gerne wie du den status in Worten angezeigt bekommst und die Akku Ladung in Prozent mit dem Prozent Zeichen. bin auch absolut neu in Jarvis und fuchs mich gerade so erst in alles rein

[Dead4K]

@mcu folgendes Habich eingetragen

body {
	background-color: #0cbaba;
	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
}

.jarvis-AppBar {
	background: none;
}

.jarvis-Toolbar,
.jarvis-Tabs,
.jarvis-Widget {
	background-color: rgba(255,255,255,0.2);
}

.jarvis-Tabs {
	border-bottom: 0;
}

post 151 von zefau selber ist es

[MCU]

@dead4k
Soll es so aussehen?

.jarvis-page-container {
	background-color: #0cbaba;
	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
}

.body--dark .jarvis-header {
	background-color: rgba(0,0,0,0.2) !important;
}

.jarvis-tabs-container {
	background-color: rgba(0,0,0,0.2) !important;
}

.jarvis-widget-container {
	background-color: rgba(0,0,0,0.2) !important;
}

.body--dark .jarvis-widget {
	background: rgba(0,0,0,0.2);
}

.body--light .jarvis-widget {
	background: rgba(255,255,255,1);
}

.body--dark .jarvis-tabs-container {
	background-color: rgba(0,0,0,0.2) !important;
}
.q-table__container {
	background-color: transparent !important;
}

Hab ich in die Doku mit aufgenommen:
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/gradient-design

[MCU]

@dead4k Status in Worten mit der Anzeigevariante
Beispiel, habe keine Roboterwerte

{"0":"Parkt","1":"Fährt"}

Ladung in Prozent:

[Dead4K]

@mcu

Ja fast! Etwas heller tatsächlich gerne noch.

So hatte zefau das ganz weit oben mal.

Und danke für Status und Prozent Anzeige !!

[disaster123]

Gibt es eine Möglichkeit das man beim Klick auf eine Anzeige einen Graphen als Popup / Layer öffnet? Ich habe einige Werte wo ich manchmal gerne schnell die Historie sehen würde.

[MCU]

@disaster123 Was für eine Anzeige (Bild, Graph)? Nein. StateList-StateDP ja.

[MCU]

@dead4k Setz mal überall wo dort 0.2 steht eine 0.1, ist es dann hell genug?

.jarvis-page-container {
	background-color: #0cbaba;
	background-image: linear-gradient(315deg, #0cbaba 0%, #661f64 74%);
	/* #661f64 old #380036*/
}

.body--dark .jarvis-header {
	background-color: rgba(0,0,0,0.01) !important;
}

.jarvis-tabs-container {
	background-color: rgba(0,0,0,0.01) !important;
}

.jarvis-widget-container {
	background-color: rgba(0,0,0,0.01) !important;
}

.body--dark .jarvis-widget {
	background: rgba(0,0,0,0.01);
}

.body--light .jarvis-widget {
	background: rgba(255,255,255,0.5);
}

.body--dark .jarvis-tabs-container {
	background-color: rgba(0,0,0,0.01) !important;
}

.q-table__container {
	background-color: transparent !important;
}

[disaster123]

@mcu ich meine wenn man eine statelist hat das man beim klicken auf einen Wert einen predefined graph angezeigt bekommt

[MCU]

@disaster123
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/statelist-popup