Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: JSON Chart Widget

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Material Design Widgets: JSON Chart Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      stenmic @frank2604 last edited by

      @frank2604
      Hallo, und danke für dein influx2-Script

      Ist es möglich, dass das Cahrt eine waagrechte Linie anzeigt mit nur einem Datenpunkt?
      Ich möchte mir den max Wert zeichnen lassen.

      Falls es über das Widget nicht geht, könnte man eventuell das Script so anpassen, dass es Ergebnisse aus dem Query mit nur einem Datenpunkt nochmals weiterverarbeitet?

      So in etwa...

      // folgender query erzeugt einen Datenpunkt
                  fluxQuery: 
                      'from(bucket: "'+buket_Name+'") \
                          |> range(start: -1d) \
                          |> filter(fn: (r) => r["_measurement"] == "'+measurement_Name+'") \
                          |> filter(fn: (r) => r["_field"] == "value") \
                          |> max()'
      					
      // Das ist das Ergebnis im JSON
      
            "data": [
              {
                "t": 1720065360568,
                "y": 16.6
              }
            ]
      	  
      // Leider Zeigt das Json Chart keine Linie an mit nur einem Datenpunkt :(
      // könnte dein Script das Ergbnis nochmal weiterverarbeiten wenn es nur einen Datenpunkt gibt?
      // Beispiel:
      
            "data": [
              {
                "t": ts vom range start (-1d),
                "y": 16.6
              },
              {
                "t": ts (now),
                "y": 16.6
              }		
            ]
      	  
      // das dürfte natürlich nur bei einem Datenpunkt passieren,
      // Ergebisse mit mehreren Datenpunkte sollen normal verarbeitet werden.
      

      Ich kenn mich leider null aus mit JS

      frank2604 1 Reply Last reply Reply Quote 0
      • frank2604
        frank2604 @stenmic last edited by

        @stenmic

        Hi, da kann ich leider nicht helfen. Ich kann auch kein JS und habe mir das auch nur aus Codeschnipseln zusammengesucht. Sorry!

        1 Reply Last reply Reply Quote 0
        • S
          stenmic last edited by

          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 Reply Last reply Reply Quote 0
          • E
            ExMatador @stenmic last edited by

            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

            Boronsbruder 1 Reply Last reply Reply Quote 0
            • Boronsbruder
              Boronsbruder @ExMatador last edited by 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 1 Reply Last reply Reply Quote 0
              • E
                ExMatador @Boronsbruder last edited by

                @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

                1 Reply Last reply Reply Quote 0
                • Boronsbruder
                  Boronsbruder last edited by

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

                  E 1 Reply Last reply Reply Quote 0
                  • E
                    ExMatador @Boronsbruder last edited by

                    @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

                    TbsJah 1 Reply Last reply Reply Quote 0
                    • TbsJah
                      TbsJah @ExMatador last edited by

                      @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 Reply Last reply Reply Quote 0
                      • TbsJah
                        TbsJah last edited by

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

                        1 Reply Last reply Reply Quote 0
                        • E
                          ExMatador last edited by

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

                          1 Reply Last reply Reply Quote 0
                          • H
                            Hofmann IOBRF @Scrounger last edited by Hofmann IOBRF

                            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 Reply Last reply Reply Quote 0
                            • First post
                              Last post

                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            525
                            Online

                            31.9k
                            Users

                            80.1k
                            Topics

                            1.3m
                            Posts

                            vis
                            37
                            191
                            29977
                            Loading More Posts
                            • Oldest to Newest
                            • Newest to Oldest
                            • Most Votes
                            Reply
                            • Reply as topic
                            Log in to reply
                            Community
                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                            The ioBroker Community 2014-2023
                            logo