Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

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

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. ioBroker Allgemein
  4. Echarts Anzeige Legende / Darstellung X Achse variabel

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    1.7k

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    10
    1
    713

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    1.2k

Echarts Anzeige Legende / Darstellung X Achse variabel

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
echartsvisuvislegendex-achse
4 Beiträge 2 Kommentatoren 535 Aufrufe 2 Beobachtet
  • Ä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.
  • M Offline
    M Offline
    mike2712
    schrieb am zuletzt editiert von
    #1

    Ich habe das Problem das einige Werte in der Legende nicht angezeigt werden, Einstellungen sind eigentlich identisch, hab es jetzt x-mal versucht mit neuem Preset, etc., finde den Grund nicht. Gibt es irgendwo eine Limitierung der anzuzeigenden Werte?

    Weiter würde ich natürlich die Diagramme in VIS darstellen, mit Float habe ich iFrame benutzt und so Werte in unterschiedlichen Zeiten darstellen zu können, siehe Beispiel unten.
    Kann ich die Konfiguration des Preset vom VIS ändern, in diesem Beispiel möchte ich das range ändern.

    71c5575a-c80d-4c54-aed5-b08b250d422d-image.png

    {
      "common": {
        "name": "preset_1"
      },
      "native": {
        "url": "",
        "data": {
          "lines": [
            {
              "name": "Energie-Tag-gestern",
              "id": "0_userdata.0.Energie.Gas-Bezug.Energie-Tag-gestern",
              "instance": "system.adapter.sql.0",
              "thickness": 2,
              "chartType": "steps",
              "aggregate": "",
              "isBoolean": null,
              "symbolSize": 3,
              "validTime": "86400",
              "unit": "kWh",
              "color": "yellow",
              "max": "60",
              "ignoreNull": "false",
              "offset": "0",
              "min": "0",
              "afterComma": "1"
            },
            {
              "name": "Counter-Tag-gestern",
              "id": "0_userdata.0.Energie.Netz-Bezug.Counter-Tag-gestern",
              "instance": "system.adapter.sql.0",
              "thickness": 2,
              "chartType": "steps",
              "aggregate": "",
              "symbolSize": 3,
              "validTime": "86400",
              "xaxe": "off",
              "unit": "kWh",
              "color": "red",
              "commonYAxis": "0",
              "ignoreNull": "false",
              "afterComma": "1"
            },
            {
              "name": "Counter-Tag-gestern",
              "id": "0_userdata.0.Energie.PV-Erzeugung.Counter-Tag-gestern",
              "instance": "system.adapter.sql.0",
              "thickness": 2,
              "chartType": "steps",
              "aggregate": "",
              "symbolSize": 3,
              "validTime": "86400",
              "xaxe": "off",
              "unit": "kWh",
              "color": "violet",
              "commonYAxis": "0",
              "ignoreNull": "false",
              "afterComma": "1",
              "lineStyle": "dashed"
            },
            {
              "name": "Counter-Tag-gestern",
              "id": "0_userdata.0.Energie.Netz-Einspeisung.Counter-Tag-gestern",
              "instance": "system.adapter.sql.0",
              "thickness": 2,
              "chartType": "steps",
              "aggregate": "",
              "symbolSize": 3,
              "validTime": "86400",
              "xaxe": "off",
              "unit": "kWh",
              "color": "green",
              "commonYAxis": "0",
              "ignoreNull": "false",
              "afterComma": "1",
              "fill": 0
            }
          ],
          "marks": [],
          "timeType": "relative",
          "relativeEnd": "today",
          "range": "10080",
          "aggregateType": "count",
          "aggregateSpan": 300,
          "legend": "ne",
          "hoverDetail": true,
          "zoom": true,
          "animation": 0,
          "live": "15",
          "ticks": "",
          "width": "100%",
          "height": "100%",
          "noBorder": "noborder",
          "window_bg": "",
          "bg_custom": "black",
          "x_labels_color": "",
          "y_labels_color": "",
          "border_color": "",
          "grid_color": "",
          "grid_hideX": false,
          "grid_hideY": false,
          "border_width": "",
          "barColor": "",
          "barLabels": "topover",
          "barWidth": "",
          "barFontSize": "",
          "barFontColor": "",
          "title": "Übersicht Energie Verbrauch letzte Woche ",
          "titlePos": "top:35;left:50",
          "titleColor": "white",
          "titleSize": "",
          "legColumns": "",
          "legBgOpacity": "",
          "legBg": "",
          "timeFormat": "",
          "export": true,
          "legendDirection": "vertical",
          "useComma": false,
          "noBackground": true,
          "legColor": "white",
          "legActual": true
        }
      },
      "type": "chart",
      "_id": "echarts.0.Energy.preset_1",
      "acl": {
        "object": 1636,
        "owner": "system.user.admin",
        "ownerGroup": "system.group.administrator"
      },
      "from": "system.adapter.admin.0",
      "user": "system.user.admin",
      "ts": 1667122331412
    }
    

    9549dfc8-d8cb-449a-bb28-2187afe82afe-image.png
    099ccd28-e18a-42af-acf8-3586d1cb070c-image.png

    ioBroker im Docker auf Qnap TS-453A 16GB Ram 4-Bay

    sigi234S 1 Antwort Letzte Antwort
    0
    • M mike2712

      Ich habe das Problem das einige Werte in der Legende nicht angezeigt werden, Einstellungen sind eigentlich identisch, hab es jetzt x-mal versucht mit neuem Preset, etc., finde den Grund nicht. Gibt es irgendwo eine Limitierung der anzuzeigenden Werte?

      Weiter würde ich natürlich die Diagramme in VIS darstellen, mit Float habe ich iFrame benutzt und so Werte in unterschiedlichen Zeiten darstellen zu können, siehe Beispiel unten.
      Kann ich die Konfiguration des Preset vom VIS ändern, in diesem Beispiel möchte ich das range ändern.

      71c5575a-c80d-4c54-aed5-b08b250d422d-image.png

      {
        "common": {
          "name": "preset_1"
        },
        "native": {
          "url": "",
          "data": {
            "lines": [
              {
                "name": "Energie-Tag-gestern",
                "id": "0_userdata.0.Energie.Gas-Bezug.Energie-Tag-gestern",
                "instance": "system.adapter.sql.0",
                "thickness": 2,
                "chartType": "steps",
                "aggregate": "",
                "isBoolean": null,
                "symbolSize": 3,
                "validTime": "86400",
                "unit": "kWh",
                "color": "yellow",
                "max": "60",
                "ignoreNull": "false",
                "offset": "0",
                "min": "0",
                "afterComma": "1"
              },
              {
                "name": "Counter-Tag-gestern",
                "id": "0_userdata.0.Energie.Netz-Bezug.Counter-Tag-gestern",
                "instance": "system.adapter.sql.0",
                "thickness": 2,
                "chartType": "steps",
                "aggregate": "",
                "symbolSize": 3,
                "validTime": "86400",
                "xaxe": "off",
                "unit": "kWh",
                "color": "red",
                "commonYAxis": "0",
                "ignoreNull": "false",
                "afterComma": "1"
              },
              {
                "name": "Counter-Tag-gestern",
                "id": "0_userdata.0.Energie.PV-Erzeugung.Counter-Tag-gestern",
                "instance": "system.adapter.sql.0",
                "thickness": 2,
                "chartType": "steps",
                "aggregate": "",
                "symbolSize": 3,
                "validTime": "86400",
                "xaxe": "off",
                "unit": "kWh",
                "color": "violet",
                "commonYAxis": "0",
                "ignoreNull": "false",
                "afterComma": "1",
                "lineStyle": "dashed"
              },
              {
                "name": "Counter-Tag-gestern",
                "id": "0_userdata.0.Energie.Netz-Einspeisung.Counter-Tag-gestern",
                "instance": "system.adapter.sql.0",
                "thickness": 2,
                "chartType": "steps",
                "aggregate": "",
                "symbolSize": 3,
                "validTime": "86400",
                "xaxe": "off",
                "unit": "kWh",
                "color": "green",
                "commonYAxis": "0",
                "ignoreNull": "false",
                "afterComma": "1",
                "fill": 0
              }
            ],
            "marks": [],
            "timeType": "relative",
            "relativeEnd": "today",
            "range": "10080",
            "aggregateType": "count",
            "aggregateSpan": 300,
            "legend": "ne",
            "hoverDetail": true,
            "zoom": true,
            "animation": 0,
            "live": "15",
            "ticks": "",
            "width": "100%",
            "height": "100%",
            "noBorder": "noborder",
            "window_bg": "",
            "bg_custom": "black",
            "x_labels_color": "",
            "y_labels_color": "",
            "border_color": "",
            "grid_color": "",
            "grid_hideX": false,
            "grid_hideY": false,
            "border_width": "",
            "barColor": "",
            "barLabels": "topover",
            "barWidth": "",
            "barFontSize": "",
            "barFontColor": "",
            "title": "Übersicht Energie Verbrauch letzte Woche ",
            "titlePos": "top:35;left:50",
            "titleColor": "white",
            "titleSize": "",
            "legColumns": "",
            "legBgOpacity": "",
            "legBg": "",
            "timeFormat": "",
            "export": true,
            "legendDirection": "vertical",
            "useComma": false,
            "noBackground": true,
            "legColor": "white",
            "legActual": true
          }
        },
        "type": "chart",
        "_id": "echarts.0.Energy.preset_1",
        "acl": {
          "object": 1636,
          "owner": "system.user.admin",
          "ownerGroup": "system.group.administrator"
        },
        "from": "system.adapter.admin.0",
        "user": "system.user.admin",
        "ts": 1667122331412
      }
      

      9549dfc8-d8cb-449a-bb28-2187afe82afe-image.png
      099ccd28-e18a-42af-acf8-3586d1cb070c-image.png

      sigi234S Online
      sigi234S Online
      sigi234
      Forum Testing Most Active
      schrieb am zuletzt editiert von sigi234
      #2

      @mike2712 sagte in Echarts Anzeige Legende / Darstellung X Achse variabel:

      Weiter würde ich natürlich die Diagramme in VIS darstellen

      Gibt ein eigens Widget dafür

      Screenshot (5110).png

      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
      Immer Daten sichern!

      M 1 Antwort Letzte Antwort
      0
      • sigi234S sigi234

        @mike2712 sagte in Echarts Anzeige Legende / Darstellung X Achse variabel:

        Weiter würde ich natürlich die Diagramme in VIS darstellen

        Gibt ein eigens Widget dafür

        Screenshot (5110).png

        M Offline
        M Offline
        mike2712
        schrieb am zuletzt editiert von
        #3

        @sigi234
        Ja das Widget kenne ich und benutze es auch, aber in dem aktuell Diagramm möchte ich die X-Achse umschalten, z.B. letzte Woche, letzten Monat, letzten 3 Monate.

        f6c35574-5cc4-4672-a2ad-9f49f3f775f5-image.png

        ioBroker im Docker auf Qnap TS-453A 16GB Ram 4-Bay

        1 Antwort Letzte Antwort
        0
        • M Offline
          M Offline
          mike2712
          schrieb am zuletzt editiert von mike2712
          #4

          Den Grund warum die Legenden Einträge nicht angezeigt werden habe ich gefunden, ist das bewusst so oder ein Bug?
          Ist der eingetragene Name innerhalb der Achse identisch, dann wird nur einer angezeigt.

          6453013c-5d28-4f45-9ae7-8ff013d06642-image.png

          ioBroker im Docker auf Qnap TS-453A 16GB Ram 4-Bay

          1 Antwort Letzte Antwort
          0

          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

          Registrieren Anmelden
          Antworten
          • In einem neuen Thema antworten
          Anmelden zum Antworten
          • Älteste zuerst
          • Neuste zuerst
          • Meiste Stimmen


          Support us

          ioBroker
          Community Adapters
          Donate
          FAQ Cloud / IOT
          HowTo: Node.js-Update
          HowTo: Backup/Restore
          Downloads
          BLOG

          287

          Online

          32.9k

          Benutzer

          83.0k

          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