Hello all,
i am currently working on a chart page in OH3 Main UI.
I want to display the humidity of several rooms over 1 day (or last 24h …).
However i am always getting a very zoomed out display of the lines, independent what i select in Chart Type
. Also the history values are always cut on the left side of the chart.
I just want to have a full size display of the values over the last day.
Can someone give me a hint?
For example Chart Type = Day
:
Or Chart Type = Dynamic period
Initial Period = D
:
This is my current code of the page:
config:
label: Luftfeuchtigkeit
sidebar: true
visibleTo:
- role:administrator
- role:user
period: D
slots:
grid:
- component: oh-chart-grid
config: {}
xAxis:
- component: oh-time-axis
config:
gridIndex: 0
yAxis:
- component: oh-value-axis
config:
gridIndex: 0
min: "0"
max: "100"
series:
- component: oh-time-series
config:
name: Luftfeuchtigkeit Außen
gridIndex: 0
xAxisIndex: 0
yAxisIndex: 0
type: line
item: XiaomiKlimaSensor4_Luftfeuchtigkeit
- component: oh-time-series
config:
name: Luftfeuchtigkeit Kinderzimmer
gridIndex: 0
xAxisIndex: 0
yAxisIndex: 0
type: line
item: XiaomiKlimaSensor3_Luftfeuchtigkeit
- component: oh-time-series
config:
name: Luftfeuchtigkeit Wohnzimmer
gridIndex: 0
xAxisIndex: 0
yAxisIndex: 0
type: line
item: XiaomiKlimaSensor1_Luftfeuchtigkeit
- component: oh-time-series
config:
name: Gelüftet Kinderzimmer
gridIndex: 0
xAxisIndex: 0
yAxisIndex: 0
type: bar
item: LueftenIstMarie
- component: oh-time-series
config:
name: Gelüftet Wohnzimmer
gridIndex: 0
xAxisIndex: 0
yAxisIndex: 0
type: bar
item: LueftenIstWohnzimmer
legend:
- component: oh-chart-legend
config:
show: true
orient: horizontal
dataZoom:
- component: oh-chart-datazoom
config:
show: true
type: slider
orient: horizontal
visualMap: []
tooltip:
- component: oh-chart-tooltip
config:
show: true
orient: horizontal