Chart to start at 00:00

Setup, Configuration and Use Widgets
1

Charts show the last 24 hours or whatever period you choose. I want mine to chart the day but always start at 00:00 and show just as much as there’s data available.
So the right hand side beyond current time would remain blank.

Is there a YAML option to get this display mode ? Thanks.

2

something like https://demo.openhab.org/page/chart_tabs ?

3

yes, but cannot access yaml chart sources of the demo.

4

why not? just login via demo, demo and navigate to respective page. However, pasting it here for reference:

config:
  chartType: day
  label: Living Room Temp. Chart
  sidebar: false
  order: ""
slots:
  grid:
    - component: oh-chart-grid
      config:
        bottom: 80
        top: "120"
  xAxis:
    - component: oh-category-axis
      config:
        gridIndex: 0
        categoryType: day
        weekdayFormat: default
        monthFormat: default
        axisPointer:
          snap: true
          handle:
            show: true
            backgroundColor: blue
          label:
            show: true
            backgroundColor: "#2196f3"
  yAxis:
    - component: oh-value-axis
      config:
        gridIndex: 0
        name: °C
  series:
    - component: oh-aggregate-series
      config:
        name: Living Room (Day Before)
        gridIndex: 0
        xAxisIndex: 0
        yAxisIndex: 0
        type: line
        item: Temperature_GF_Living
        dimension1: hour
        offsetAmount: 1
        offsetUnit: day
        smooth: true
        lineStyle:
          type: dotted
          opacity: 0.5
    - component: oh-aggregate-series
      config:
        name: Living Room (Current)
        gridIndex: 0
        xAxisIndex: 0
        yAxisIndex: 0
        type: line
        item: Temperature_GF_Living
        dimension1: hour
        smooth: true
        lineStyle:
          width: 3
        areaStyle:
          opacity: 0.2
        markLine:
          data:
            - type: average
        markPoint:
          data:
            - type: min
              name: min
            - type: max
              name: max
  tooltip:
    - component: oh-chart-tooltip
      config:
        show: true
        orient: vertical
        confine: true
  title:
    - component: oh-chart-title
      config:
        show: true
        subtext: Sampled every hour
        text: Average Temp

EDIT: page that contains above yaml in demo, fyi …

Screenshot 2023-10-03 at 12.32.53
Screenshot 2023-10-03 at 12.32.531840×350 39.7 KB

5

Looks like you set the chartType to day?

config:
  period: D
  chartType: day
slots:
  grid:
    - component: oh-chart-grid
      config: {}
  xAxis:
    - component: oh-time-axis
      config:
        gridIndex: 0
  yAxis:
    - component: oh-value-axis
      config:
        gridIndex: 0
  series:
    - component: oh-time-series
      config:
        name: Series 1
        gridIndex: 0
        xAxisIndex: 0
        yAxisIndex: 0
        type: line
        item: SunSynk_grid_Buy_Today
6

That did it. Thanks everyone.