Material Design Widgets: JSON Chart Widget

[frank2604]

@stenmic

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

[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.

[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.

Gebe ich diesen DP als Objekt-ID direkt ein, wird alles auch angezeigt.

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

Jemand eine Idee?
Gruß ExMatador

[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

[ExMatador]

@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

[Boronsbruder]

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

[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

[TbsJah]

@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.

[TbsJah]

Hab es gelöst

[ExMatador]

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

[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:

Spoiler

{
  "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"
      ]
    }
  ]
}

Vielleicht weiß einer die Lösung.