I made a chart widget to display the flame events of my heating system for today. It is meant to be as small as possible.
I don’t need to show another date, there is an other chart that shows more detail about the heating system.
So the period setting above the chart is not needed. Does anyone know how to hide it?
Here is the code:
uid: vwVlam
tags: []
props:
parameters:
- context: item
default: vwVlam
label: Graph Item
name: graphItem
required: false
type: TEXT
parameterGroups: []
timestamp: Apr 16, 2024, 2:22:27 PM
component: f7-card
config:
comment: based on https://community.openhab.org/t/widget-chart/137934 and https://community.openhab.org/t/auto-refresh-charts-and-widgets-in-mainui/132504
key: =Math.random() + items[props.graphItem].state
outline: true
style:
height: 100px
margin-left: 0px
margin-right: 0px
margin-top: 0px
noShadow: false
padding: 1px
slots:
default:
- component: oh-chart
config:
chartType: day
height: 100px
period: D
options:
backgroundColor: "#1a1a1a"
slots:
dataZoom:
- component: oh-chart-datazoom
config:
show: true
type: inside
xAxisIndex:
- 0
grid:
- component: oh-chart-page
config:
containLabel: false
height: 20px
includeLabels: false
left: 0px
show: true
top: 50px
width: 100%
series:
- component: oh-time-series
config:
areaStyle:
opacity: 0.2
color: orange
item: =props.graphItem
name: =props.graphItem
type: line
xAxisIndex: 0
yAxisIndex: 0
step: end
xAxis:
- component: oh-time-axis
config:
gridIndex: 0
yAxis:
- component: oh-value-axis
config:
gridIndex: 0
show: false