jarvis v2.2.0 - just another remarkable vis

MCU


// Beispiel um eine JSONtable zu erstellen
// https://forum.iobroker.net/topic/30668/jarvis-v2-2-0-just-another-remarkable-vis/5637
//
let pvDP ='0_userdata.0.jarvis.pv.json';
let aktDP ='0_userdata.0.jarvis.pv.setJSON';
let schedDP = '0_userdata.0.jarvis.pv.setSchedule';
createState(pvDP, {read: true, write: true, name: "PV Daten", type: "string", role: "text", def: "" });
createState(aktDP, {read: true, write: true, name: "Daten aktualisieren", type: "boolean", role: "text", def: false });
createState(schedDP, {read: true, write: true, name: "Scheduler setzen", type: "boolean", role: "text", def: false });

let arrDP =''; // ArrayDP für PV
let schedulePattern = '*/1 * * * *'; // alle x Minuten aktualisieren


var schedule1;
if (getState(schedDP).val){
   // Direkt neue Pattern wirken lassen, aber nur wenn aktiviert
   (function () {if (schedule1) {clearSchedule(schedule1); schedule1 = null;}})();
   schedule1 = schedule(schedulePattern, async function () {
       tableJSONSet();
   });
}

on({id: schedDP, change: "any"}, function (obj) {
   let value = obj.state.val;
   if (value){
       (function () {if (schedule1) {clearSchedule(schedule1); schedule1 = null;}})();
       schedule1 = schedule(schedulePattern, async function () {
           tableJSONSet();
       });
       
   }else{
       (function () {if (schedule1) {clearSchedule(schedule1); schedule1 = null;}})();
   }
});

on({id: aktDP, change: "any"}, function (obj) {
   let value = obj.state.val;
   if (value){
       tableJSONSet();
       setTimeout(function(){
           setStateDelayed(aktDP,false,3000,false);
       },2000);
       
   }
});




function tableJSONSet(){
   let jsonArr=[];
   // 1.Reihe
   /*
   let json = {};
   json.Title ="Titel";
   json.Aktuell = "Aktuell";
   json.Tag = "Tag";
   json.Woche = "Woche";
   json.Monat = "Monat";
   json.Jahr = "Jahr";
   jsonArr.push(json);
   */
   let json1= {};
   json1.Title ="Verbrauch";
   json1.Aktuell = getState('0_userdata.0.testwert').val;
   json1.Tag = "";
   json1.Woche = "";
   json1.Monat = "";
   json1.Jahr = "";
   jsonArr.push(json1);
   
   let json2 = {};
   json2.Title ="PV";
   json2.Aktuell = getState('0_userdata.0.testwert').val;
   json2.Tag = "";
   json2.Woche = "";
   json2.Monat = "";
   json2.Jahr = "";
   jsonArr.push(json2);
   
   let json3 = {};
   json3.Title ="Laden";
   json3.Aktuell = getState('0_userdata.0.testwert').val;
   json3.Tag = "";
   json3.Woche = "";
   json3.Monat = "";
   json3.Jahr = "";
   jsonArr.push(json3);
   
   let json4 = {};
   json4.Title ="Entladen";
   json4.Aktuell = getState('0_userdata.0.testwert').val;
   json4.Tag = "";
   json4.Woche = "";
   json4.Monat = "";
   json4.Jahr = "";
   jsonArr.push(json4);
   
   let json5 = {};
   json5.Title ="Zukauf";
   json5.Aktuell = getState('0_userdata.0.testwert').val;
   json5.Tag = "";
   json5.Woche = "";
   json5.Monat = "";
   json5.Jahr = "";
   jsonArr.push(json5);
   
   let json6 = {};
   json6.Title ="Verkauf";
   json6.Aktuell = getState('0_userdata.0.testwert').val;
   json6.Tag = "";
   json6.Woche = "";
   json6.Monat = "";
   json6.Jahr = "";
   jsonArr.push(json6);

   let json7 = {};
   json7.Title ="EURO";
   json7.Aktuell = getState('0_userdata.0.testwert').val;
   json7.Tag = "";
   json7.Woche = "";
   json7.Monat = "";
   json7.Jahr = "";
   jsonArr.push(json7);
   
   log(JSON.stringify(jsonArr));
   
   setState(pvDP,JSON.stringify(jsonArr),false);
}

Du musst dann die einzelnen Felder mit Deinen Daten füllen.
So wie in dem Beispiel-DP: getState('0_userdata.0.testwert').val;
Melde Dich, sobald du damit fertig bist.

Du kannst entweder jederzeit eine neue Tabelle erzeugen mit setJSON->true, oder einen Scheduler laufen lassen. Dieser ist momentan auf 1 Minute eingestellt.

stephan1827

@mcu sagte in jarvis v2.2.0 - just another remarkable vis:

// Beispiel um eine JSONtable zu erstellen // https://forum.iobroker.net/topic/30668/jarvis-v2-2-0-just-another-remarkable-vis/5637 // let pvDP ='0_userdata.0.jarvis.pv.json'; let aktDP ='0_userdata.0.jarvis.pv.setJSON'; let schedDP = '0_userdata.0.jarvis.pv.setSchedule'; createState(pvDP, {read: true, write: true, name: "PV Daten", type: "string", role: "text", def: "" }); createState(aktDP, {read: true, write: true, name: "Daten aktualisieren", type: "boolean", role: "text", def: false }); createState(schedDP, {read: true, write: true, name: "Scheduler setzen", type: "boolean", role: "text", def: false }); let arrDP =''; // ArrayDP für PV let schedulePattern = '*/1 * * * '; // alle x Minuten aktualisieren var schedule1; if (getState(schedDP).val){ // Direkt neue Pattern wirken lassen, aber nur wenn aktiviert (function () {if (schedule1) {clearSchedule(schedule1); schedule1 = null;}})(); schedule1 = schedule(schedulePattern, async function () { tableJSONSet(); }); } on({id: schedDP, change: "any"}, function (obj) { let value = obj.state.val; if (value){ (function () {if (schedule1) {clearSchedule(schedule1); schedule1 = null;}})(); schedule1 = schedule(schedulePattern, async function () { tableJSONSet(); }); }else{ (function () {if (schedule1) {clearSchedule(schedule1); schedule1 = null;}})(); } }); on({id: aktDP, change: "any"}, function (obj) { let value = obj.state.val; if (value){ tableJSONSet(); setTimeout(function(){ setStateDelayed(aktDP,false,3000,false); },2000); } }); function tableJSONSet(){ let jsonArr=[]; // 1.Reihe / let json = {}; json.Title ="Titel"; json.Aktuell = "Aktuell"; json.Tag = "Tag"; json.Woche = "Woche"; json.Monat = "Monat"; json.Jahr = "Jahr"; jsonArr.push(json); */ let json1= {}; json1.Title ="Verbrauch"; json1.Aktuell = getState('0_userdata.0.testwert').val; json1.Tag = ""; json1.Woche = ""; json1.Monat = ""; json1.Jahr = ""; jsonArr.push(json1); let json2 = {}; json2.Title ="PV"; json2.Aktuell = getState('0_userdata.0.testwert').val; json2.Tag = ""; json2.Woche = ""; json2.Monat = ""; json2.Jahr = ""; jsonArr.push(json2); let json3 = {}; json3.Title ="Laden"; json3.Aktuell = getState('0_userdata.0.testwert').val; json3.Tag = ""; json3.Woche = ""; json3.Monat = ""; json3.Jahr = ""; jsonArr.push(json3); let json4 = {}; json4.Title ="Entladen"; json4.Aktuell = getState('0_userdata.0.testwert').val; json4.Tag = ""; json4.Woche = ""; json4.Monat = ""; json4.Jahr = ""; jsonArr.push(json4); let json5 = {}; json5.Title ="Zukauf"; json5.Aktuell = getState('0_userdata.0.testwert').val; json5.Tag = ""; json5.Woche = ""; json5.Monat = ""; json5.Jahr = ""; jsonArr.push(json5); let json6 = {}; json6.Title ="Verkauf"; json6.Aktuell = getState('0_userdata.0.testwert').val; json6.Tag = ""; json6.Woche = ""; json6.Monat = ""; json6.Jahr = ""; jsonArr.push(json6); let json7 = {}; json7.Title ="EURO"; json7.Aktuell = getState('0_userdata.0.testwert').val; json7.Tag = ""; json7.Woche = ""; json7.Monat = ""; json7.Jahr = ""; jsonArr.push(json7); log(JSON.stringify(jsonArr)); setState(pvDP,JSON.stringify(jsonArr),false); }

Du musst dann die einzelnen Felder mit Deinen Daten füllen.

Danke, das bringt mich erstmal weiter

stephan1827

Hier sind noch ein paar Fragen die heute beim Umbau meiner Solarseite aufgelaufen sind.

Bildschirmfoto 2021-11-01 um 16.12.43.png

Kann man bei dem Circle Chart die Zahl (81) ausblenden?
Kann man die Farbe in Abhängigkeit von dem Wert ändern?

Bildschirmfoto 2021-11-01 um 16.13.53.png
Wie kann man die Reihenfolge der Widgets für das Reponsive Design ändern?
Das hat irgendwie mit den Zahlen in den eckigen Klammern zu tun aber finder nirgends wo man die ändern kann.

MCU

@stephan1827 sagte in jarvis v2.2.0 - just another remarkable vis:

die Reihenfolge der Widgets für das Reponsive Design ändern?

Ist in Planung.

Wie kann man beim historischen Charts zwei Y- Achsen definieren?

https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/historygraph

Bzgl Circle Chart brauch ich eine Info:

Zeig mir bitte das Widget mit den Eintragungen.
Ich habe keine Möglichkeit gefunden, die Zahl im Circle zu beeinflussen.
Im "Chart" fehlt eine Einstellungsmöglichkeit, wie im "HistoryGraph".

Vielleicht kann/möchte @zefau eine Option einbauen: Show Value (on/off)

stephan1827

@mcu sagte in jarvis v2.2.0 - just another remarkable vis:

Bzgl Circle Chart brauch ich eine Info:

Zeig mir bitte das Widget mit den Eintragungen.
Ich habe keine Möglichkeit gefunden, die Zahl im Circle zu beeinflussen.
Im "Chart" fehlt eine Einstellungsmöglichkeit, wie im "HistoryGraph".

Das Widget sieht so aus
Bildschirmfoto 2021-11-01 um 17.20.40.png

Man kann zwar die Legende ausblenden aber nicht den Zahlenwert in der Mitte

MCU

@stephan1827 Wie klappt es mit der Tabelle?

RkcCorian

@stephan1827 Alternativ Grafana über iFrame einbinden. So mache ich es.

Bpsw.

Oder auch

Alex975

@mcu vpn scheitern leider bei mir an einer nicht vorhandenen öffentlichen IP4 Adresse.. Deswegen nutze ich ja bereits den iobroker cloud pro Zugang um so z.b. das habpanel aufzurufen...

io_laurent

@alex975 Ich mache das auf einem iPhone mit der iobroker-app (gibts gratis im app-store). Dort bei Adapter-Name Jarvis eintragen, entsprechende ip vergeben und cloud-Zugangsdaten eintragen. Funktioniert.
Für Android gibts sowas sicher auch, kenn ich mich aber nicht aus.

MCU

@io_laurent Kannst du mal bitte ein paar Bilder der App reinstellen? Danke.
In Android finde ich nur die ioBroker.vis.

stephan1827

@mcu Danke, funktioniert
Bildschirmfoto 2021-11-01 um 19.18.04.png

Schriftgröße muss ich noch anpassen aber das finde ich schon...

stephan1827

@alex975 Um eine feste Adresse zu bekommen gibt es mittlerweile viel Möglichkeiten. Worauf läuft denn Dein iobroker?

MCU

@stephan1827 In der Doku:

Nee, das war für die Historygraph.

io_laurent

@mcu Also hier die app: https://apps.apple.com/de/app/iobroker/id1449564305

Bilder aus der App wären Bilder von Jarvis
Ich kann aber Bilder der Einstellungen zeigen:

RkcCorian

@io_laurent Hmmm.. sieht anders aus als die Android-App. Hab als Lösung aktuell Fully im Einsatz. Weiß man was ob das auch (jetzt oder später) bei der Android-App möglich sein wird?

stephan1827

@mcu Achso, ja der läuft auch, cool wäre natürlich wenn man auch die ganzen anderen Einstellungen über JSON beeinflussen könnte und nicht nur Y und X Achse. Grafana ist natürlich auch eine Option aber ich mache aktuell iframes mit Graphen und ich möchte das nativ mit Jarvis machen.

Stephan

MCU

@stephan1827
Zur Schriftgröße im jsonTable
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/jsontable/v3.x.x/parameter-style

stephan1827

@mcu sagte in jarvis v2.2.0 - just another remarkable vis:

@stephan1827
Zur Schriftgröße im jsonTable
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/jsontable/v3.x.x/parameter-style

Ich habe es so probiert aber das funktioniert nicht.

.q-table tr {
        height:100px;
	font-size: 22px;
}

Bei der Titelzeile funktioniert height aber bei den Reihen anscheinend nicht

MCU

@stephan1827 Für die Zeilen musst du es in die Definition setzen.
Es funktioniert mit CSS nur für den Header

.q-table th {
  font-size: 22px;
}

Tabellendefinition siehe Doku:

[{"field":"Nr","label":"Nr","style":"font-size:20px"},{"label":"ZEIT"},{"label":"KANAL"},{"label":"TITEL"}]

Doku funktioniert gerade nicht so richtig.
Wichtig ist, dass zu jedem Feld, was man mit dem Style beeinflussen möchte, der "field"-Parameter gesetzt wird.

Geht auch mit CSS:

.q-table .q-td {
   font-size: 22px;
}

Alex975

@stephan1827 der läuft auf nem nuc und proxmox

NEWS

jarvis v2.2.0 - just another remarkable vis

Support us

1.4k
Online

30.5k
Users

76.8k
Topics

1.2m
Posts

NEWS

jarvis v2.2.0 - just another remarkable vis

Support us

1.4kOnline

30.5kUsers

76.8kTopics

1.2mPosts

1.4k
Online

30.5k
Users

76.8k
Topics

1.2m
Posts