Widget graph sometimes doesn't update timeline

[asdfasf_adfas]

Hello,

i use FullyKioskBrowser to show my solar dashboard.
Works fine, except the graph element.
This doesn’t get updated (very often), so it shows values hours ago.
A reload solves the problem, but it comes back.
But then sometimes its up to date over hours.
All other components on the dashboard work as the should.

This is the code of the graph:

uid: efSolar3_NurGrid
tags: []
props:
  parameters:
    - context: item
      description: GRID Power Item
      label: GRID Power Item FroniusSymoInverter_GridPower
      name: gridPower
      required: false
      type: TEXT
    - context: item
      description: SOLAR Power Item
      label: SOLAR Power Item FroniusSymoInverter_CurrentSolarYield
      name: solarPower
      required: false
      type: TEXT
    - context: item
      description: CONSUMPTION Item
      label: CONSUMPTION Item FroniusSymoInverter_LoadPower
      name: consumption
      required: false
      type: TEXT
  parameterGroups: []
timestamp: Aug 14, 2024, 10:23:37 AM
component: f7-card
config:
  class:
    - padding-bottom
  style:
    --f7-popover-width: 800px
slots:
  default:
    - component: f7-row
      config:
        class:
          - margin-top
        style:
          height: 100%
          top: 5px
          width: 100%
      slots:
        default:
          - component: f7-col
            config:
              class:
                - display-flex
                - flex-direction-column
                - align-content-space-around
              width: 100%
            slots:
              default:
                - component: oh-chart
                  config:
                    chartType: ""
                    label: Leistung
                    period: 12h
                  slots:
                    dataZoom:
                      - component: oh-chart-datazoom
                        config:
                          type: inside
                    grid:
                      - component: oh-chart-grid
                        config:
                          containLabel: false
                    legend:
                      - component: oh-chart-legend
                        config:
                          bottom: 3
                          type: scroll
                    series:
                      - component: oh-time-series
                        config:
                          color: red
                          gridIndex: 0
                          item: =props.gridPower
                          name: Netz
                          type: line
                          xAxisIndex: 0
                          yAxisIndex: 0
                      - component: oh-time-series
                        config:
                          color: yellow
                          gridIndex: 0
                          item: =props.solarPower
                          name: Solar
                          type: line
                          xAxisIndex: 0
                          yAxisIndex: 0
                    tooltip:
                      - component: oh-chart-tooltip
                        config:
                          confine: true
                          smartFormatter: true
                    xAxis:
                      - component: oh-time-axis
                        config:
                          gridIndex: 0
                    yAxis:
                      - component: oh-value-axis
                        config:
                          axisLabel:
                            formatter: =v => `${v}`
                          gridIndex: 0
                          name: W

Thx in advance and BR
Edi

[JustinG]

You can look through this thread for a discussion of refreshing widget and especially charts:

Auto-refresh charts and widgets in MainUI

As people migrate over to OH3 and the MainUI from other UIs, many are surprised to find that MainUI charts are static on a loaded page and won’t refresh unless the page is reloaded. Here I’m providing a fairly simple solution that allows you to set up timed, automatic refreshes for charts on a page (or another widget that you have configured with custom content that doesn’t refresh). When Do Widgets Refresh? So many of the standard widgets and components do respond to changes in item states t…

The good news is that your use case is even simpler. You don’t need to create an additional item to drive the key property changes since you already have an item that changes every time you want the graph refreshed (props.gridPower). So your key value probably just needs to look like this:

key: =Math.random() + items[props.gridPower].state

[asdfasf_adfas]

Hi Justin,

and THX.

This works, but the graph gets redrawed completely.
Means it is “flashen” each time.
Is it also possible to force just a “move” of the chart on the timeline instead?

THX and BR
Edi