neue Visualisierung "webui" (alternative zu vis & vis-2)

[jogibear9988]

Bei den Controls muss ich vlt- noch was einbauen, da ersetze ich nun Leerzeichen und Großbuchstaben durch dashes (für die HTML Tags), da HTML Tags nur lowercase sind. Ich muss aber eig. alle Sonderzeichen ersetzen, das ist im Moment noch nicht drin.

Aber wer meint sein Control "$super%control!" nennen zu müssen, hat eben pech.

[Smilie108]

@jogibear9988
Mir wäre das eigentlich egal gewesen mann muss es nur wissen weil es halt bis jetzt so ging
Aber wie @Blockmove schon sagte Regeln sollte es geben sonst wenn das in die breite geht sich keiner mehr auskennt.
Sollten wir eventuel ein wiki einrichten und schreiben ? mit den Regeln bzw tipps ?

[jogibear9988]

@smilie108

@smilie108 said in neue Visualisierung "webui" (alternative zu vis):

@jogibear9988
Mir wäre das eigentlich egal gewesen mann muss es nur wissen weil es halt bis jetzt so ging
Aber wie @Blockmove schon sagte Regeln sollte es geben sonst wenn das in die breite geht sich keiner mehr auskennt.
Sollten wir eventuel ein wiki einrichten und schreiben ? mit den Regeln bzw tipps ?

gerne, wenn Ihr Zeit dafür habt:

https://github.com/iobroker-community-adapters/ioBroker.webui/wiki

könnt Ihr da was bearbeiten? Oder muss ich euch hinzufügen?

[Smilie108]

@jogibear9988
Ich kann da nichts

[jogibear9988]

@smilie108

dann brauchst n github account, schickst mir den namen und ich schalte dich frei

[jogibear9988]

probiers nochmal, hab was umgestellt

[Smilie108]

@jogibear9988
Nein kann footer erstellen lach
bin dort auch smilie108

[Smilie108]

@jogibear9988
jetzt gehts

[Blockmove]

@smilie108 said in neue Visualisierung "webui" (alternative zu vis):

@jogibear9988
jetzt gehts

Bei mir klappt es auch

[Blockmove]

@jogibear9988

Hallo Jochen,
ist es sinnvoll das wiki in Englisch zu machen?
Die User von ioBroker kommen doch zum überwiegenden Teil aus dem deutschsprachigen Raum.

[jogibear9988]

@blockmove said in neue Visualisierung "webui" (alternative zu vis):

@jogibear9988

Hallo Jochen,
ist es sinnvoll das wiki in Englisch zu machen?
Die User von ioBroker kommen doch zum überwiegenden Teil aus dem deutschsprachigen Raum.

kp. könnt ihr entscheiden, können ja ein deutschsprachiges machen und mit chatgpt übersetzen.
Da kommt eig. qualtativ gutes englisch bei raus

[Blockmove]

@jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

@blockmove said in neue Visualisierung "webui" (alternative zu vis):

@jogibear9988

Hallo Jochen,
ist es sinnvoll das wiki in Englisch zu machen?
Die User von ioBroker kommen doch zum überwiegenden Teil aus dem deutschsprachigen Raum.

kp. könnt ihr entscheiden, können ja ein deutschsprachiges machen und mit chatgpt übersetzen.
Da kommt eig. qualtativ gutes englisch bei raus

An sowas in der Art dachte ich auch.
Die Übersetzer sind bei IT-Themen wirklich nicht schlecht.
Also starten wir mal in Deutsch?

[Smilie108]

@blockmove
von mir aus gerne.
Denke auch das die meisten User Deutschsprachig sind übersetzten können wir immer noch

[jogibear9988]

@blockmove

ja, hab mal ne startseite usw angefangen.

Bitte die Seiten englisch benenen mit DE: prefix

Ich hab die Bindings Seite mal von ChatGPT nach deutsch übersetzen lassen.

[Smilie108]

@Blockmove
Kann man den graph aus pvvorcast

{
  "graphs": [
    {
      "data": [
        0.962,
        1.732,
        2.449,
        3.086,
        3.623,
        4.048,
        4.242,
        4.527,
        4.559,
        4.425,
        4.095,
        3.475,
        1.691,
        0.019,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0.031,
        0.152,
        0.28,
        0.398,
        0.476,
        0.518,
        0.522,
        0.518,
        0.507,
        0.482,
        0.441,
        0.367,
        0.257,
        0.144,
        0.05,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0.021,
        0.05,
        0.104,
        0.24
      ],
      "type": "bar",
      "legendText": "Total",
      "displayOrder": 1,
      "color": "#000000",
      "tooltip_AppendText": "kW",
      "datalabel_show": true,
      "datalabel_rotation": 270,
      "datalabel_color": "#cccccc",
      "datalabel_fontSize": 12,
      "yAxis_id": 0,
      "yAxis_position": "left",
      "yAxis_show": true,
      "yAxis_appendix": "kW",
      "yAxis_step": 1,
      "yAxis_max": 7,
      "yAxis_maximumDigits": 3
    }
  ],
  "axisLabels": [
    "14.01. 10:30",
    "14.01. 11:00",
    "14.01. 11:30",
    "14.01. 12:00",
    "14.01. 12:30",
    "14.01. 13:00",
    "14.01. 13:30",
    "14.01. 14:00",
    "14.01. 14:30",
    "14.01. 15:00",
    "14.01. 15:30",
    "14.01. 16:00",
    "14.01. 16:30",
    "14.01. 17:00",
    "14.01. 17:30",
    "14.01. 18:00",
    "14.01. 18:30",
    "14.01. 19:00",
    "14.01. 19:30",
    "14.01. 20:00",
    "14.01. 20:30",
    "14.01. 21:00",
    "14.01. 21:30",
    "15.01. 06:00",
    "15.01. 06:30",
    "15.01. 07:00",
    "15.01. 07:30",
    "15.01. 08:00",
    "15.01. 08:30",
    "15.01. 09:00",
    "15.01. 09:30",
    "15.01. 10:00",
    "15.01. 10:30",
    "15.01. 11:00",
    "15.01. 11:30",
    "15.01. 12:00",
    "15.01. 12:30",
    "15.01. 13:00",
    "15.01. 13:30",
    "15.01. 14:00",
    "15.01. 14:30",
    "15.01. 15:00",
    "15.01. 15:30",
    "15.01. 16:00",
    "15.01. 16:30",
    "15.01. 17:00",
    "15.01. 17:30",
    "15.01. 18:00",
    "15.01. 18:30",
    "15.01. 19:00",
    "15.01. 19:30",
    "15.01. 20:00",
    "15.01. 20:30",
    "15.01. 21:00",
    "15.01. 21:30",
    "16.01. 06:00",
    "16.01. 06:30",
    "16.01. 07:00",
    "16.01. 07:30",
    "16.01. 08:00",
    "16.01. 08:30",
    "16.01. 09:00",
    "16.01. 09:30",
    "16.01. 10:00",
    "16.01. 10:30"
  ]
}

Eigentlich mit stadartmitteln in eine graphische ansicht wandeln?
muss ich da was beachten ?
bei vis gabs dafür die vom material desinge den json-chart der das konnte. steh grad mal wieder am schlauch versuche das ganze möglichst ohne umbauten zu übernehmen

[jogibear9988]

@smilie108 said in neue Visualisierung "webui" (alternative zu vis):

@Blockmove
Kann man den graph aus pvvorcast

{
  "graphs": [
    {
      "data": [
        0.962,
        1.732,
        2.449,
        3.086,
        3.623,
        4.048,
        4.242,
        4.527,
        4.559,
        4.425,
        4.095,
        3.475,
        1.691,
        0.019,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0.031,
        0.152,
        0.28,
        0.398,
        0.476,
        0.518,
        0.522,
        0.518,
        0.507,
        0.482,
        0.441,
        0.367,
        0.257,
        0.144,
        0.05,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0.021,
        0.05,
        0.104,
        0.24
      ],
      "type": "bar",
      "legendText": "Total",
      "displayOrder": 1,
      "color": "#000000",
      "tooltip_AppendText": "kW",
      "datalabel_show": true,
      "datalabel_rotation": 270,
      "datalabel_color": "#cccccc",
      "datalabel_fontSize": 12,
      "yAxis_id": 0,
      "yAxis_position": "left",
      "yAxis_show": true,
      "yAxis_appendix": "kW",
      "yAxis_step": 1,
      "yAxis_max": 7,
      "yAxis_maximumDigits": 3
    }
  ],
  "axisLabels": [
    "14.01. 10:30",
    "14.01. 11:00",
    "14.01. 11:30",
    "14.01. 12:00",
    "14.01. 12:30",
    "14.01. 13:00",
    "14.01. 13:30",
    "14.01. 14:00",
    "14.01. 14:30",
    "14.01. 15:00",
    "14.01. 15:30",
    "14.01. 16:00",
    "14.01. 16:30",
    "14.01. 17:00",
    "14.01. 17:30",
    "14.01. 18:00",
    "14.01. 18:30",
    "14.01. 19:00",
    "14.01. 19:30",
    "14.01. 20:00",
    "14.01. 20:30",
    "14.01. 21:00",
    "14.01. 21:30",
    "15.01. 06:00",
    "15.01. 06:30",
    "15.01. 07:00",
    "15.01. 07:30",
    "15.01. 08:00",
    "15.01. 08:30",
    "15.01. 09:00",
    "15.01. 09:30",
    "15.01. 10:00",
    "15.01. 10:30",
    "15.01. 11:00",
    "15.01. 11:30",
    "15.01. 12:00",
    "15.01. 12:30",
    "15.01. 13:00",
    "15.01. 13:30",
    "15.01. 14:00",
    "15.01. 14:30",
    "15.01. 15:00",
    "15.01. 15:30",
    "15.01. 16:00",
    "15.01. 16:30",
    "15.01. 17:00",
    "15.01. 17:30",
    "15.01. 18:00",
    "15.01. 18:30",
    "15.01. 19:00",
    "15.01. 19:30",
    "15.01. 20:00",
    "15.01. 20:30",
    "15.01. 21:00",
    "15.01. 21:30",
    "16.01. 06:00",
    "16.01. 06:30",
    "16.01. 07:00",
    "16.01. 07:30",
    "16.01. 08:00",
    "16.01. 08:30",
    "16.01. 09:00",
    "16.01. 09:30",
    "16.01. 10:00",
    "16.01. 10:30"
  ]
}

Eigentlich mit stadartmitteln in eine graphische ansicht wandeln?
muss ich da was beachten ?
bei vis gabs dafür die vom material desinge den json-chart der das konnte. steh grad mal wieder am schlauch versuche das ganze möglichst ohne umbauten zu übernehmen

screen "chart sample"

[Smilie108]

@jogibear9988
Sorry so geht das leider nicht ich glaub ich muss mich jetzt doch mal mit diesem parse beschäftigen.
Eigentlich ist es schon extrem wenn man mal ca 5 jahre nix mehr mit html usw macht wieviel man da vergisst schande
muss ich mir morgen mal anschen für heute gute nacht bin noch nicht ganz fit aber morgen ruft die arbeit

[Blockmove]

@smilie108 said in neue Visualisierung "webui" (alternative zu vis):

@jogibear9988
Sorry so geht das leider nicht ich glaub ich muss mich jetzt doch mal mit diesem parse beschäftigen.
Eigentlich ist es schon extrem wenn man mal ca 5 jahre nix mehr mit html usw macht wieviel man da vergisst schande
muss ich mir morgen mal anschen für heute gute nacht bin noch nicht ganz fit aber morgen ruft die arbeit

Zum Spielen mit JSON.parse und map nutz ich immer ein normales ioBroker-Script. Da hast du bessere Debug-Möglichkeit.
Den Chart hab ich noch nie verwendet. Da muß ich auch mal schauen.

[Blockmove]

@jogibear9988

Hallo Jochen,
ich wollte gerade das node-projects Package installieren und hab dabei festgestellt, dass ich keine Packages mehr installieren kann. Das Kontextmenu mit "Install Package" öffnet sich nicht.
webui-Version 1.0.15

VG
Dieter

[jogibear9988]

@jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

@smilie108 said in neue Visualisierung "webui" (alternative zu vis):

@Blockmove
Kann man den graph aus pvvorcast

{
  "graphs": [
    {
      "data": [
        0.962,
        1.732,
        2.449,
        3.086,
        3.623,
        4.048,
        4.242,
        4.527,
        4.559,
        4.425,
        4.095,
        3.475,
        1.691,
        0.019,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0.031,
        0.152,
        0.28,
        0.398,
        0.476,
        0.518,
        0.522,
        0.518,
        0.507,
        0.482,
        0.441,
        0.367,
        0.257,
        0.144,
        0.05,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0.021,
        0.05,
        0.104,
        0.24
      ],
      "type": "bar",
      "legendText": "Total",
      "displayOrder": 1,
      "color": "#000000",
      "tooltip_AppendText": "kW",
      "datalabel_show": true,
      "datalabel_rotation": 270,
      "datalabel_color": "#cccccc",
      "datalabel_fontSize": 12,
      "yAxis_id": 0,
      "yAxis_position": "left",
      "yAxis_show": true,
      "yAxis_appendix": "kW",
      "yAxis_step": 1,
      "yAxis_max": 7,
      "yAxis_maximumDigits": 3
    }
  ],
  "axisLabels": [
    "14.01. 10:30",
    "14.01. 11:00",
    "14.01. 11:30",
    "14.01. 12:00",
    "14.01. 12:30",
    "14.01. 13:00",
    "14.01. 13:30",
    "14.01. 14:00",
    "14.01. 14:30",
    "14.01. 15:00",
    "14.01. 15:30",
    "14.01. 16:00",
    "14.01. 16:30",
    "14.01. 17:00",
    "14.01. 17:30",
    "14.01. 18:00",
    "14.01. 18:30",
    "14.01. 19:00",
    "14.01. 19:30",
    "14.01. 20:00",
    "14.01. 20:30",
    "14.01. 21:00",
    "14.01. 21:30",
    "15.01. 06:00",
    "15.01. 06:30",
    "15.01. 07:00",
    "15.01. 07:30",
    "15.01. 08:00",
    "15.01. 08:30",
    "15.01. 09:00",
    "15.01. 09:30",
    "15.01. 10:00",
    "15.01. 10:30",
    "15.01. 11:00",
    "15.01. 11:30",
    "15.01. 12:00",
    "15.01. 12:30",
    "15.01. 13:00",
    "15.01. 13:30",
    "15.01. 14:00",
    "15.01. 14:30",
    "15.01. 15:00",
    "15.01. 15:30",
    "15.01. 16:00",
    "15.01. 16:30",
    "15.01. 17:00",
    "15.01. 17:30",
    "15.01. 18:00",
    "15.01. 18:30",
    "15.01. 19:00",
    "15.01. 19:30",
    "15.01. 20:00",
    "15.01. 20:30",
    "15.01. 21:00",
    "15.01. 21:30",
    "16.01. 06:00",
    "16.01. 06:30",
    "16.01. 07:00",
    "16.01. 07:30",
    "16.01. 08:00",
    "16.01. 08:30",
    "16.01. 09:00",
    "16.01. 09:30",
    "16.01. 10:00",
    "16.01. 10:30"
  ]
}

Eigentlich mit stadartmitteln in eine graphische ansicht wandeln?
muss ich da was beachten ?
bei vis gabs dafür die vom material desinge den json-chart der das konnte. steh grad mal wieder am schlauch versuche das ganze möglichst ohne umbauten zu übernehmen

screen "chart sample"

schau dir den screen "chart sample2" an, füg deine daten in die textarea ein, und verlasse sie (die daten werden bei lost focus -> change übernommen)