Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: JSON Chart Widget

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.3k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.4k

Material Design Widgets: JSON Chart Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
191 Beiträge 37 Kommentatoren 38.7k Aufrufe 35 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • S Nicht stören
    S Nicht stören
    stenmic
    schrieb am zuletzt editiert von
    #182

    Moin,
    kann ich irgendwie beinflussen wo die "Tage" unten in der X Achse platziert werden?
    Ich hätte sie gerne auf der Posittion 12Uhr.

    Setze ich xAxis_time_unit auf "day" stehen die Tage auf 0Uhr (wie in der Grafik).
    Lasse ich xAxis_time_unit weg, stehen die Tage auf irgendeiner Uhrzeit.

    2024-07-23 06 37 09.jpg

    E 1 Antwort Letzte Antwort
    0
    • S stenmic

      Moin,
      kann ich irgendwie beinflussen wo die "Tage" unten in der X Achse platziert werden?
      Ich hätte sie gerne auf der Posittion 12Uhr.

      Setze ich xAxis_time_unit auf "day" stehen die Tage auf 0Uhr (wie in der Grafik).
      Lasse ich xAxis_time_unit weg, stehen die Tage auf irgendeiner Uhrzeit.

      2024-07-23 06 37 09.jpg

      E Offline
      E Offline
      ExMatador
      schrieb am zuletzt editiert von
      #183

      Re: Material Design Widgets: JSON Chart Widget
      Ich habe den DP "0_userdata.0.charts.Verbrauch-Gas.Daten-Tag" mit den korrekten JSON Chart Daten erzeugt.

      JSON Chart.jpg
      Gebe ich diesen DP als Objekt-ID direkt ein, wird alles auch angezeigt.
      JSON Chart ohne Fehler.jpg

      Verwende ich ein Databinding DP, der den korrekten DP enthält, kommt zur Laufzeit der Fehler.
      JSON Chart Fehler.jpg

      Jemand eine Idee?
      Gruß ExMatador

      Intel(R) Core(TM) i7 | 32GB | 1TB SSD
      Virtualization: wsl2 | Ubuntu 22.04 | Docker
      ESPeasy | ESP8266 | ESP32 | ESP32CAM
      Zigbee | Coral | Lupus XT2 | Ender 3 S1 Pro
      Frigate | Influx | Grafana | GPX-Tracking | usw.

      BoronsbruderB 1 Antwort Letzte Antwort
      0
      • E ExMatador

        Re: Material Design Widgets: JSON Chart Widget
        Ich habe den DP "0_userdata.0.charts.Verbrauch-Gas.Daten-Tag" mit den korrekten JSON Chart Daten erzeugt.

        JSON Chart.jpg
        Gebe ich diesen DP als Objekt-ID direkt ein, wird alles auch angezeigt.
        JSON Chart ohne Fehler.jpg

        Verwende ich ein Databinding DP, der den korrekten DP enthält, kommt zur Laufzeit der Fehler.
        JSON Chart Fehler.jpg

        Jemand eine Idee?
        Gruß ExMatador

        BoronsbruderB Offline
        BoronsbruderB Offline
        Boronsbruder
        schrieb am zuletzt editiert von Boronsbruder
        #184

        @exmatador
        Ist im Screenshot extrem unleserlich.
        Aber ist "Datenpunkt nicht vorhanden" und in vis2, oder?
        Wenn ja mach mal mit der geladenen Seite einen Browser-Refresh, dann stellt er das meist richtig dar.
        Wenn es vis2 ist, liegt es aber meines Wissens daran, dass die vis1-Widgets nicht mit vis2 kompatibel sind.
        Habe ein ähnliches "Problem" mit einen Temperaturverlauf

        E 1 Antwort Letzte Antwort
        0
        • BoronsbruderB Boronsbruder

          @exmatador
          Ist im Screenshot extrem unleserlich.
          Aber ist "Datenpunkt nicht vorhanden" und in vis2, oder?
          Wenn ja mach mal mit der geladenen Seite einen Browser-Refresh, dann stellt er das meist richtig dar.
          Wenn es vis2 ist, liegt es aber meines Wissens daran, dass die vis1-Widgets nicht mit vis2 kompatibel sind.
          Habe ein ähnliches "Problem" mit einen Temperaturverlauf

          E Offline
          E Offline
          ExMatador
          schrieb am zuletzt editiert von
          #185

          @boronsbruder
          Es handelt sich um vis (nicht vis2), der Browserrefresh hat leider auch nichts gebracht.
          Ich vermute mal, es gibt ein Problem mit dem Widget - wäre aber auch komisch.
          ExMatador

          Intel(R) Core(TM) i7 | 32GB | 1TB SSD
          Virtualization: wsl2 | Ubuntu 22.04 | Docker
          ESPeasy | ESP8266 | ESP32 | ESP32CAM
          Zigbee | Coral | Lupus XT2 | Ender 3 S1 Pro
          Frigate | Influx | Grafana | GPX-Tracking | usw.

          1 Antwort Letzte Antwort
          0
          • BoronsbruderB Offline
            BoronsbruderB Offline
            Boronsbruder
            schrieb am zuletzt editiert von
            #186

            @exmatador Mal eine andere Frage :
            Was ist der Grund dafür, ein Bindung anstatt des Datenpunktes direkt zu verwenden?

            E 1 Antwort Letzte Antwort
            0
            • BoronsbruderB Boronsbruder

              @exmatador Mal eine andere Frage :
              Was ist der Grund dafür, ein Bindung anstatt des Datenpunktes direkt zu verwenden?

              E Offline
              E Offline
              ExMatador
              schrieb am zuletzt editiert von
              #187

              @boronsbruder
              Ich habe mehrere Tablets, jedes mit eigener Instanz. Jede Visu hat zwar eine eigene Start-View, die Unter-Views sollen aber einheitlich sein..
              Über die Start-View ermittle ich die lokale Variable local_myInstance und setze dort "1" bis "n".

              Auf einer Unter-View werden z.B. Tagesabhängige Werte angezeigt, und jede Visu kann ein eigenes Datum verwenden.
              Daher liegen die dynamisch erzeugten JSON-Werte in Instanz-abhängigen DPs, dargestellt in der Objekt-ID so:
              0_userdata.0.charts.Aktivitaeten.instanz-{local_myInstance}.Daten-Tag

              Das Databinding wird sogar aufgelöst, aber dennoch der Fehler angezeigt:
              "Datenpunkt 0_userdata.0.charts.Aktivitaeten.instanz-1.Daten-Tag nicht vorhanden.

              Ich verwende das Scrounger JSON Chart.
              Gruß ExMatador

              Intel(R) Core(TM) i7 | 32GB | 1TB SSD
              Virtualization: wsl2 | Ubuntu 22.04 | Docker
              ESPeasy | ESP8266 | ESP32 | ESP32CAM
              Zigbee | Coral | Lupus XT2 | Ender 3 S1 Pro
              Frigate | Influx | Grafana | GPX-Tracking | usw.

              TbsJahT 1 Antwort Letzte Antwort
              0
              • E ExMatador

                @boronsbruder
                Ich habe mehrere Tablets, jedes mit eigener Instanz. Jede Visu hat zwar eine eigene Start-View, die Unter-Views sollen aber einheitlich sein..
                Über die Start-View ermittle ich die lokale Variable local_myInstance und setze dort "1" bis "n".

                Auf einer Unter-View werden z.B. Tagesabhängige Werte angezeigt, und jede Visu kann ein eigenes Datum verwenden.
                Daher liegen die dynamisch erzeugten JSON-Werte in Instanz-abhängigen DPs, dargestellt in der Objekt-ID so:
                0_userdata.0.charts.Aktivitaeten.instanz-{local_myInstance}.Daten-Tag

                Das Databinding wird sogar aufgelöst, aber dennoch der Fehler angezeigt:
                "Datenpunkt 0_userdata.0.charts.Aktivitaeten.instanz-1.Daten-Tag nicht vorhanden.

                Ich verwende das Scrounger JSON Chart.
                Gruß ExMatador

                TbsJahT Offline
                TbsJahT Offline
                TbsJah
                schrieb am zuletzt editiert von
                #188

                @exmatador hast du zwischenzeitlich eine Lösung gefunden?
                Ich habe das selbe Problem.
                Ein F5 / Strg+F5 hilft nicht.

                Interessanterweise wird jedoch das Chart angezeigt wenn ich etwas Allgemein aktivere oder deaktiviere.
                Sollte aber nicht nicht die Lösung sein.

                1 Antwort Letzte Antwort
                0
                • TbsJahT Offline
                  TbsJahT Offline
                  TbsJah
                  schrieb am zuletzt editiert von
                  #189

                  Hab es gelöst
                  dd5569c0-4ab7-4a92-b4bf-92e6644ce43a-image.png

                  1 Antwort Letzte Antwort
                  0
                  • E Offline
                    E Offline
                    ExMatador
                    schrieb am zuletzt editiert von
                    #190

                    @tbsjah
                    Ich hatte es aufgegeben.
                    Wie hast du es denn geschafft?
                    Gruß ExMatador

                    Intel(R) Core(TM) i7 | 32GB | 1TB SSD
                    Virtualization: wsl2 | Ubuntu 22.04 | Docker
                    ESPeasy | ESP8266 | ESP32 | ESP32CAM
                    Zigbee | Coral | Lupus XT2 | Ender 3 S1 Pro
                    Frigate | Influx | Grafana | GPX-Tracking | usw.

                    1 Antwort Letzte Antwort
                    0
                    • ScroungerS Scrounger

                      JSON Chart Widget

                      e76d0b43-fa38-4294-8327-767d86fe6b6d-grafik.pngjsonChart2.png

                      Sämtliche Fragen zu Einstellungen (VIS Editor, Bedienung, JSON strings, etc.) des Widgets hier stellen

                      Das ist sicher besser für die Übersichtlichkeit und Dokumentation.

                      • Dokumentation
                      • Online Beispiel
                      H Online
                      H Online
                      Hofmann IOBRF
                      schrieb am zuletzt editiert von Hofmann IOBRF
                      #191

                      Hallo,

                      Ich habe ein chart aus einer Json.
                      Beim Linien Teil ist eine Lücke (null) vorhanden.
                      Obwohl line_spanGaps auf true steht, wird keine Lücke angezeigt.
                      Ich habe auch line_spanGaps auf false probiert, macht aber keinen Unterschied.
                      JSON Data:

                      {
                        "axisLabels": [
                          "Jul",
                          "Aug",
                          "Sep",
                          "Okt",
                          "Nov",
                          "Dez",
                          "Jan",
                          "Feb",
                          "Mrz",
                          "Apr",
                          "Mai",
                          "Jun",
                          "Jul",
                          "Aug",
                          "Sep",
                          "Okt",
                          "Nov",
                          "Dez",
                          "Jan",
                          "Feb",
                          "Mrz",
                          "Apr",
                          "Mai",
                          "Jun"
                        ],
                        "graphs": [
                          {
                            "type": "bar",
                            "legendText": "Heizung Verbrauch",
                            "barIsStacked": true,
                            "barStackId": 1,
                            "data": [
                              0,
                              0,
                              3,
                              112,
                              502,
                              647,
                              913,
                              422,
                              371,
                              241,
                              0,
                              0,
                              0,
                              0,
                              5,
                              152,
                              421,
                              766,
                              732,
                              663,
                              418,
                              170,
                              5,
                              0
                            ],
                            "yAxis_id": 0,
                            "yAxis_step": 500,
                            "yAxis_min": 0,
                            "yAxis_max": 4000,
                            "color": "#ff0000",
                            "datalabel_color": "#000000",
                            "datalabel_align": "start",
                            "datalabel_fontSize": 10,
                            "tooltip_title": "Verbrauch gesamt:",
                            "tooltip_text": [
                              "Jul 2023: 11 kWh",
                              "Aug 2023: 14 kWh",
                              "Sep 2023: 9 kWh",
                              "Okt 2023: 177 kWh",
                              "Nov 2023: 583 kWh",
                              "Dez 2023: 755 kWh",
                              "Jan 2024: 1025 kWh",
                              "Feb 2024: 501 kWh",
                              "Mrz 2024: 445 kWh",
                              "Apr 2024: 277 kWh",
                              "Mai 2024: 28 kWh",
                              "Jun 2024: 6 kWh",
                              "Jul 2024: 7 kWh",
                              "Aug 2024: 0 kWh",
                              "Sep 2024: 34 kWh",
                              "Okt 2024: 213 kWh",
                              "Nov 2024: 478 kWh",
                              "Dez 2024: 831 kWh",
                              "Jan 2025: 791 kWh",
                              "Feb 2025: 702 kWh",
                              "Mrz 2025: 442 kWh",
                              "Apr 2025: 182 kWh",
                              "Mai 2025: 10 kWh",
                              "Jun 2025: 4 kWh"
                            ]
                          },
                          {
                            "type": "bar",
                            "legendText": "Wasser Verbrauch",
                            "barIsStacked": true,
                            "barStackId": 1,
                            "data": [
                              11,
                              14,
                              6,
                              65,
                              81,
                              108,
                              112,
                              79,
                              74,
                              36,
                              28,
                              6,
                              7,
                              0,
                              29,
                              61,
                              57,
                              65,
                              59,
                              39,
                              24,
                              12,
                              5,
                              4
                            ],
                            "yAxis_id": 0,
                            "color": "#0000ff",
                            "datalabel_color": "#000000",
                            "datalabel_align": "end",
                            "datalabel_fontSize": 10,
                            "tooltip_title": "Verbrauch gesamt:",
                            "tooltip_text": [
                              "Jul 2023: 11 kWh",
                              "Aug 2023: 14 kWh",
                              "Sep 2023: 9 kWh",
                              "Okt 2023: 177 kWh",
                              "Nov 2023: 583 kWh",
                              "Dez 2023: 755 kWh",
                              "Jan 2024: 1025 kWh",
                              "Feb 2024: 501 kWh",
                              "Mrz 2024: 445 kWh",
                              "Apr 2024: 277 kWh",
                              "Mai 2024: 28 kWh",
                              "Jun 2024: 6 kWh",
                              "Jul 2024: 7 kWh",
                              "Aug 2024: 0 kWh",
                              "Sep 2024: 34 kWh",
                              "Okt 2024: 213 kWh",
                              "Nov 2024: 478 kWh",
                              "Dez 2024: 831 kWh",
                              "Jan 2025: 791 kWh",
                              "Feb 2025: 702 kWh",
                              "Mrz 2025: 442 kWh",
                              "Apr 2025: 182 kWh",
                              "Mai 2025: 10 kWh",
                              "Jun 2025: 4 kWh"
                            ]
                          },
                          {
                            "type": "bar",
                            "legendText": "Heizung Erzeugung",
                            "barIsStacked": true,
                            "barStackId": 2,
                            "data": [
                              0,
                              0,
                              10,
                              409,
                              1678,
                              2305,
                              2956,
                              1653,
                              1496,
                              1020,
                              0,
                              0,
                              0,
                              0,
                              17,
                              698,
                              1425,
                              2461,
                              2286,
                              2066,
                              1457,
                              717,
                              7,
                              0
                            ],
                            "yAxis_id": 0,
                            "color": "#ff8888",
                            "datalabel_color": "#000000",
                            "datalabel_align": "start",
                            "datalabel_fontSize": 10,
                            "tooltip_title": "Erzeugung gesamt:",
                            "tooltip_text": [
                              "Jul 2023: 36 kWh",
                              "Aug 2023: 53 kWh",
                              "Sep 2023: 38 kWh",
                              "Okt 2023: 602 kWh",
                              "Nov 2023: 1914 kWh",
                              "Dez 2023: 2688 kWh",
                              "Jan 2024: 3312 kWh",
                              "Feb 2024: 1926 kWh",
                              "Mrz 2024: 1757 kWh",
                              "Apr 2024: 1151 kWh",
                              "Mai 2024: 98 kWh",
                              "Jun 2024: 13 kWh",
                              "Jul 2024: 23 kWh",
                              "Aug 2024: 0 kWh",
                              "Sep 2024: 115 kWh",
                              "Okt 2024: 921 kWh",
                              "Nov 2024: 1609 kWh",
                              "Dez 2024: 2677 kWh",
                              "Jan 2025: 2471 kWh",
                              "Feb 2025: 2193 kWh",
                              "Mrz 2025: 1533 kWh",
                              "Apr 2025: 748 kWh",
                              "Mai 2025: 11 kWh",
                              "Jun 2025: 0 kWh"
                            ]
                          },
                          {
                            "type": "bar",
                            "legendText": "Wasser Erzeugung",
                            "barIsStacked": true,
                            "barStackId": 2,
                            "data": [
                              36,
                              53,
                              28,
                              193,
                              236,
                              383,
                              356,
                              273,
                              261,
                              131,
                              98,
                              13,
                              23,
                              0,
                              98,
                              223,
                              184,
                              216,
                              185,
                              127,
                              76,
                              31,
                              4,
                              0
                            ],
                            "yAxis_id": 0,
                            "displayOrder": 2,
                            "yAxis_step": 500,
                            "yAxis_min": 0,
                            "yAxis_max": 4000,
                            "color": "#8888ff",
                            "datalabel_color": "#000000",
                            "datalabel_align": "end",
                            "datalabel_fontSize": 10,
                            "tooltip_title": "Erzeugung gesamt:",
                            "tooltip_text": [
                              "Jul 2023: 36 kWh",
                              "Aug 2023: 53 kWh",
                              "Sep 2023: 38 kWh",
                              "Okt 2023: 602 kWh",
                              "Nov 2023: 1914 kWh",
                              "Dez 2023: 2688 kWh",
                              "Jan 2024: 3312 kWh",
                              "Feb 2024: 1926 kWh",
                              "Mrz 2024: 1757 kWh",
                              "Apr 2024: 1151 kWh",
                              "Mai 2024: 98 kWh",
                              "Jun 2024: 13 kWh",
                              "Jul 2024: 23 kWh",
                              "Aug 2024: 0 kWh",
                              "Sep 2024: 115 kWh",
                              "Okt 2024: 921 kWh",
                              "Nov 2024: 1609 kWh",
                              "Dez 2024: 2677 kWh",
                              "Jan 2025: 2471 kWh",
                              "Feb 2025: 2193 kWh",
                              "Mrz 2025: 1533 kWh",
                              "Apr 2025: 748 kWh",
                              "Mai 2025: 11 kWh",
                              "Jun 2025: 0 kWh"
                            ]
                          },
                          {
                            "type": "line",
                            "legendText": "MAZ total",
                            "yAxis_step": 1,
                            "yAxis_min": 1,
                            "yAxis_max": 5,
                            "line_PointColor": "#88FF00",
                            "line_Tension": 0.2,
                            "line_spanGaps": true,
                            "line_pointSize": 11,
                            "displayOrder": 1,
                            "data": [
                              3.27,
                              3.79,
                              4.22,
                              3.4,
                              3.28,
                              3.56,
                              3.23,
                              3.84,
                              3.95,
                              4.16,
                              3.5,
                              2.17,
                              3.29,
                              null,
                              3.38,
                              4.32,
                              3.37,
                              3.22,
                              3.12,
                              3.12,
                              3.47,
                              4.11,
                              1.1,
                              0
                            ],
                            "yAxis_id": 1,
                            "yAxis_position": "right",
                            "color": "#bbbbbb",
                            "datalabel_color": "#000000",
                            "datalabel_align": "bottom",
                            "datalabel_fontSize": 10,
                            "line_PointColorHover": "#88FF00",
                            "tooltip_title": "MAZ:",
                            "tooltip_text": [
                              "Jul 2023:  Heizung: 0, Wasser:3.27",
                              "Aug 2023:  Heizung: 0, Wasser:3.79",
                              "Sep 2023:  Heizung: 3.33, Wasser:4.67",
                              "Okt 2023:  Heizung: 3.65, Wasser:2.97",
                              "Nov 2023:  Heizung: 3.34, Wasser:2.91",
                              "Dez 2023:  Heizung: 3.56, Wasser:3.55",
                              "Jan 2024:  Heizung: 3.24, Wasser:3.18",
                              "Feb 2024:  Heizung: 3.92, Wasser:3.46",
                              "Mrz 2024:  Heizung: 4.03, Wasser:3.53",
                              "Apr 2024:  Heizung: 4.23, Wasser:3.64",
                              "Mai 2024:  Heizung: 0, Wasser:3.5",
                              "Jun 2024:  Heizung: 0, Wasser:2.17",
                              "Jul 2024:  Heizung: 0, Wasser:3.29",
                              "Aug 2024:  Heizung: 0, Wasser:0",
                              "Sep 2024:  Heizung: 3.4, Wasser:3.38",
                              "Okt 2024:  Heizung: 4.59, Wasser:3.66",
                              "Nov 2024:  Heizung: 3.38, Wasser:3.23",
                              "Dez 2024:  Heizung: 3.21, Wasser:3.32",
                              "Jan 2025:  Heizung: 3.12, Wasser:3.14",
                              "Feb 2025:  Heizung: 3.12, Wasser:3.26",
                              "Mrz 2025:  Heizung: 3.49, Wasser:3.17",
                              "Apr 2025:  Heizung: 4.22, Wasser:2.58",
                              "Mai 2025:  Heizung: 1.4, Wasser:0.8",
                              "Jun 2025:  Heizung: 0, Wasser:0"
                            ]
                          }
                        ]
                      }
                      
                      


                      b035864b-e96d-4e2b-bdbe-64989753d819-image.png

                      Vielleicht weiß einer die Lösung.

                      Keiner? @Scrounger ?

                      1 Antwort Letzte Antwort
                      0
                      Antworten
                      • In einem neuen Thema antworten
                      Anmelden zum Antworten
                      • Älteste zuerst
                      • Neuste zuerst
                      • Meiste Stimmen


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      652

                      Online

                      32.4k

                      Benutzer

                      81.4k

                      Themen

                      1.3m

                      Beiträge
                      Community
                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                      ioBroker Community 2014-2025
                      logo
                      • Anmelden

                      • Du hast noch kein Konto? Registrieren

                      • Anmelden oder registrieren, um zu suchen
                      • Erster Beitrag
                        Letzter Beitrag
                      0
                      • Home
                      • Aktuell
                      • Tags
                      • Ungelesen 0
                      • Kategorien
                      • Unreplied
                      • Beliebt
                      • GitHub
                      • Docu
                      • Hilfe