echarts - Anzeige in der VIS Views / Zeitachsen

MCU

@mike2712 Dann mal mit Binding versuchen.

{0_userdata.0.echarts.echartsDP}

mike2712

@mcu

@mcu sagte in echarts - Anzeige in der VIS Views / Zeitachsen:

@mike2712 Dann mal mit Binding versuchen.
{"0_userdata.0.echarts.echartsDP"}

so in der Art hatte ich es auch schon im Forum gefunden, aber man kann nichts manuell eingeben, es gibt nur ein DropDown Menü in dem alle Original echarts DP gelistet werden.
Aber jetzt denke ich weißt Du wo genau mein Problem liegt, gibt es einen Trick da irgendwas zu machen?

Bei anderen Widgets ist das in der Art und Weise möglich, an dem leider nicht.

MCU

@mike2712 Ich kenne keinen.
Schick mir bitte die Objektdaten (siehe oben, nur energy erstmal), dann schaue ich nächste Woche mal.

mike2712

@mcu sagte in echarts - Anzeige in der VIS Views / Zeitachsen:

@mike2712 Ich kenne keinen.
Schick mir bitte die Objektdaten (siehe oben, nur energy erstmal), dann schaue ich nächste Woche mal.

welche Objektdaten?
Habe das Widget für echarts exportiert, meinst du dies?

[{"tpl":"tplEchartsChart","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","echart_oid":"echarts.0.Energy.Energie Verbrauch aktuell","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"noChartBackground":false},"style":{"left":"0px","top":"0px","width":"1260px","height":"600px"},"widgetSet":"echarts"}]

Kann ich dort die Stelle manuell durch Deinen echarts DP ersetzen und dann importieren?

MCU

@mike2712 Nein, habe ich oben erklärt:
Objekte -> Expertenmodus einschalten -> echart.0. -> Energy-Kurven werden angezeigt -> Beistift anklicken und den Inhalt als CodeTag </> posten. (und das mit allen Energy-Kurven)

Du kannst es versuchen:

"echart_oid":"{0_userdata.0.echarts.echartsDP}"

Dürfte aber nicht funktionieren?

mike2712

@mcu
Hoffe das ist jetzt richtig, ich hab mal 4 aus den Energy Daten genommen, allgemein arbeite ich da noch dran, aber würde gerne zunächst versuchen die Darstellung in VIS so hinzubekommen wie oben beschrieben.
Kann man den das Widget nicht irgendwie anpassen so das man Deinen echartsDP dort angeben kann, das würde ja enorm an Arbeit sparen und wäre total flexibel.

{
  "common": {
    "name": "Energie Kosten letzte Monat"
  },
  "native": {
    "url": "",
    "data": {
      "lines": [
        {
          "name": "Gas-Kosten-gestern",
          "id": "0_userdata.0.Energie.Gas-Bezug.Kosten-gestern",
          "instance": "system.adapter.sql.0",
          "thickness": 2,
          "chartType": "steps",
          "aggregate": "onchange",
          "isBoolean": null,
          "symbolSize": 3,
          "validTime": "86400",
          "unit": "€",
          "color": "yellow",
          "max": "",
          "ignoreNull": "false",
          "offset": "0",
          "min": "",
          "afterComma": "2",
          "yaxe": "right"
        },
        {
          "name": "Netz Bezug-Kosten-gestern",
          "id": "0_userdata.0.Energie.Netz-Bezug.Kosten-gestern",
          "instance": "system.adapter.sql.0",
          "thickness": 2,
          "chartType": "steps",
          "aggregate": "onchange",
          "symbolSize": 3,
          "validTime": "86400",
          "xaxe": "off",
          "unit": "€",
          "color": "red",
          "commonYAxis": "0",
          "ignoreNull": "false",
          "afterComma": "2",
          "fill": 0
        },
        {
          "name": "Netzeinspeisung-Kosten-gestern",
          "id": "0_userdata.0.Energie.Netz-Einspeisung.Kosten-gestern",
          "instance": "system.adapter.sql.0",
          "thickness": "2",
          "chartType": "steps",
          "aggregate": "onchange",
          "symbolSize": 3,
          "validTime": "86400",
          "xaxe": "off",
          "unit": "€",
          "color": "green",
          "commonYAxis": "0",
          "ignoreNull": "false",
          "afterComma": "2",
          "lineStyle": "solid",
          "hide": false,
          "fill": 0,
          "yaxe": "left",
          "min": "-2",
          "max": "2"
        },
        {
          "name": "Kosten total [gestern]",
          "id": "0_userdata.0.Energie.Energie-Kosten.Betrag-gestern-total",
          "instance": "system.adapter.sql.0",
          "thickness": 2,
          "chartType": "steps",
          "aggregate": "onchange",
          "symbolSize": 3,
          "validTime": "86400",
          "xaxe": "off",
          "color": "blue",
          "unit": "€",
          "yaxe": "left",
          "min": "",
          "max": "",
          "yticks": "10",
          "shadowsize": "1",
          "fill": 0,
          "commonYAxis": "0",
          "ignoreNull": "false",
          "afterComma": "2"
        }
      ],
      "marks": [
        {
          "color": "blue",
          "lineId": "3",
          "upperValueOrId": "3",
          "ol": "0",
          "lowerValueOrId": "",
          "text": "3 €",
          "textPosition": "l",
          "textOffset": "620"
        },
        {
          "color": "white",
          "lineId": "2",
          "upperValueOrId": "0",
          "ol": "3",
          "text": "0 €",
          "textPosition": "l",
          "textOffset": "620"
        }
      ],
      "timeType": "relative",
      "relativeEnd": "today",
      "range": 10080,
      "aggregateType": "count",
      "aggregateSpan": 300,
      "legend": "nw",
      "hoverDetail": true,
      "zoom": true,
      "animation": 0,
      "live": "15",
      "ticks": "",
      "width": "100%",
      "height": "100%",
      "noBorder": "noborder",
      "window_bg": "black",
      "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": "Energie Kosten letzten Monat ",
      "titlePos": "top:35;left:50",
      "titleColor": "white",
      "titleSize": "",
      "legColumns": "",
      "legBgOpacity": "",
      "legBg": "",
      "timeFormat": "",
      "export": true,
      "legendDirection": "vertical",
      "useComma": true,
      "noBackground": false,
      "legColor": "#fafaff",
      "legActual": true,
      "legFontSize": "",
      "hoverNoInterpolate": false
    }
  },
  "type": "chart",
  "_id": "echarts.0.Energy.Energie Kosten letzte Monat",
  "acl": {
    "object": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  },
  "from": "system.adapter.admin.0",
  "user": "system.user.admin",
  "ts": 1669308624393
}

{
  "common": {
    "name": "Energie Verbrauch letzte Monat"
  },
  "native": {
    "url": "",
    "data": {
      "lines": [
        {
          "name": "Gas Bezug [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",
          "yaxe": "right",
          "xticks": "30"
        },
        {
          "name": "Strom Bezug [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",
          "fill": 0.3
        },
        {
          "name": "Strom Einspeisung [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",
          "lineStyle": "solid"
        },
        {
          "name": "Strom Erzeugung [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",
          "fill": 0,
          "lineStyle": "dashed"
        },
        {
          "name": "Kosten total [gestern]",
          "id": "0_userdata.0.Energie.Energie-Kosten.Betrag-gestern-total",
          "instance": "system.adapter.sql.0",
          "thickness": 2,
          "chartType": "steps",
          "aggregate": "",
          "symbolSize": 3,
          "validTime": "86400",
          "xaxe": "off",
          "color": "blue",
          "unit": "€",
          "yaxe": "left",
          "min": "0",
          "max": "",
          "yticks": "10",
          "shadowsize": "1",
          "fill": 0.3
        },
        {
          "name": "PV-Strom Eigenverbrauch [gestern]",
          "id": "0_userdata.0.Energie.PV-Eigenverbrauch.Counter-Tag-gestern",
          "instance": "system.adapter.sql.0",
          "thickness": 2,
          "chartType": "steps",
          "aggregate": "",
          "symbolSize": 3,
          "validTime": "86400",
          "xaxe": "off",
          "color": "#84c996",
          "unit": "kWh",
          "commonYAxis": "0",
          "afterComma": "1"
        },
        {
          "name": "Strom Verbrauch [gestern]",
          "id": "0_userdata.0.Energie.Energie-Verbrauch.Counter-Tag-gestern",
          "instance": "system.adapter.sql.0",
          "thickness": 2,
          "chartType": "steps",
          "aggregate": "",
          "symbolSize": 3,
          "validTime": "86400",
          "xaxe": "off",
          "color": "white",
          "unit": "kWh",
          "ignoreNull": "false",
          "commonYAxis": "0",
          "afterComma": "1",
          "fill": 0,
          "shadowsize": "0"
        }
      ],
      "marks": [
        {
          "color": "blue",
          "lineId": "4",
          "upperValueOrId": "3",
          "ol": "0",
          "text": "3 €",
          "textPosition": "l",
          "textOffset": "620"
        }
      ],
      "timeType": "relative",
      "relativeEnd": "today",
      "range": "1m",
      "aggregateType": "count",
      "aggregateSpan": 300,
      "legend": "nw",
      "hoverDetail": true,
      "zoom": true,
      "animation": 0,
      "live": "15",
      "ticks": "",
      "width": "100%",
      "height": "100%",
      "noBorder": "noborder",
      "window_bg": "black",
      "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": "Energie Verbrauch letzte Monat",
      "titlePos": "top:35;left:50",
      "titleColor": "white",
      "titleSize": "",
      "legColumns": "",
      "legBgOpacity": "",
      "legBg": "",
      "timeFormat": "",
      "export": true,
      "legendDirection": "vertical",
      "useComma": true,
      "noBackground": false,
      "legColor": "#fafaff",
      "legActual": true,
      "legFontSize": "",
      "hoverNoInterpolate": false
    }
  },
  "type": "chart",
  "_id": "echarts.0.Energy.Energie Verbrauch letzte Monat",
  "acl": {
    "object": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  },
  "from": "system.adapter.admin.0",
  "user": "system.user.admin",
  "ts": 1667330051815
}

{
  "common": {
    "name": "Energie Zähler Total"
  },
  "native": {
    "url": "",
    "data": {
      "lines": [
        {
          "name": "Gas Counter-Total-gestern",
          "id": "0_userdata.0.Energie.Gas-Bezug.Counter-Total-gestern",
          "instance": "system.adapter.sql.0",
          "thickness": 2,
          "chartType": "steps",
          "aggregate": "onchange",
          "isBoolean": null,
          "symbolSize": 3,
          "validTime": 35,
          "unit": "m³",
          "min": "14300",
          "max": "14400",
          "yaxe": "off"
        },
        {
          "name": "Netz Bezug Counter-Total-gestern",
          "id": "0_userdata.0.Energie.Netz-Bezug.Counter-Total-gestern",
          "instance": "system.adapter.sql.0",
          "thickness": 2,
          "chartType": "steps",
          "aggregate": "onchange",
          "symbolSize": 3,
          "validTime": 35,
          "xaxe": "off",
          "unit": "kWh",
          "yaxe": "off"
        },
        {
          "name": "Netz Einspeisung Counter-Total-gestern",
          "id": "0_userdata.0.Energie.Netz-Einspeisung.Counter-Total-gestern",
          "instance": "system.adapter.sql.0",
          "thickness": 2,
          "chartType": "steps",
          "aggregate": "onchange",
          "symbolSize": 3,
          "validTime": 35,
          "xaxe": "off",
          "unit": "kWh",
          "yaxe": "off",
          "min": "8050",
          "max": "8200"
        }
      ],
      "marks": [],
      "timeType": "relative",
      "relativeEnd": "30minutes",
      "range": "20160",
      "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": "",
      "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": "",
      "titlePos": "",
      "titleColor": "",
      "titleSize": "",
      "legColumns": "",
      "legBgOpacity": "",
      "legBg": "",
      "timeFormat": "",
      "export": true,
      "legendDirection": "",
      "useComma": false
    }
  },
  "type": "chart",
  "_id": "echarts.0.Energy.Energie Zähler Total",
  "acl": {
    "object": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  },
  "from": "system.adapter.admin.0",
  "user": "system.user.admin",
  "ts": 1667302386875
}

{
  "common": {
    "name": "Energie Differenz - nicht erfasst - Grundlast"
  },
  "native": {
    "url": "",
    "data": {
      "lines": [
        {
          "name": "DifferenzLeistung",
          "id": "0_userdata.0.Energie.DifferenzLeistung",
          "instance": "system.adapter.sql.0",
          "thickness": 2,
          "chartType": "steps",
          "aggregate": "onchange",
          "isBoolean": null,
          "symbolSize": 3,
          "validTime": 35,
          "min": "-750",
          "max": "750",
          "unit": "W"
        },
        {
          "name": "DifferenzLeistung",
          "id": "0_userdata.0.Energie.DifferenzLeistung",
          "instance": "system.adapter.sql.0",
          "thickness": "4",
          "chartType": "line",
          "aggregate": "percentile",
          "symbolSize": 3,
          "validTime": "",
          "xaxe": "off",
          "commonYAxis": "0",
          "integralUnit": 60,
          "integralInterpolation": "none",
          "percentile": 100
        }
      ],
      "marks": [],
      "timeType": "relative",
      "relativeEnd": "now",
      "range": "120",
      "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": "",
      "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": "Energie Differenz - nicht erfasst - Grundlast",
      "titlePos": "top:35;left:50",
      "titleColor": "",
      "titleSize": "",
      "legColumns": "",
      "legBgOpacity": "",
      "legBg": "",
      "timeFormat": "",
      "export": true,
      "legendDirection": "",
      "useComma": false
    }
  },
  "type": "chart",
  "_id": "echarts.0.Energy.Energie Differenz - nicht erfasst - Grundlast",
  "acl": {
    "object": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  },
  "from": "system.adapter.admin.0",
  "user": "system.user.admin",
  "ts": 1666629779045
}

MCU

@mike2712 Also ich bin kein VIS -Experte. Kann Dir da nicht weiterhelfen.

mike2712

@mcu sagte in echarts - Anzeige in der VIS Views / Zeitachsen:

@mike2712 Also ich bin kein VIS -Experte. Kann Dir da nicht weiterhelfen.

schade, aber genau das ist das was ich erreichen wollte, das mit dem einfachen manipulieren klappt leider nicht.

MCU

@mike2712 Beispiel eChartChangeSelect

jarvis-v312 Beispiel eChartChangeSelect.gif

mike2712

@mcu sagte in echarts - Anzeige in der VIS Views / Zeitachsen:

@mike2712 Beispiel eChartChangeSelect

welches widget benutzt du dort?

MCU

@mike2712 iFrame (jarvis)

Community Forum

NEWS

echarts - Anzeige in der VIS Views / Zeitachsen

Support us

712

32.6k

82.1k

1.3m