Hi team,
I have set up a few apexcharts but I cant seem to find the proper settings for these things:
- How can i get my blue headline to go to the right?
- How can I change the font-size of the extremas?
Curernt code:
type: custom:apexcharts-card
header:
title: Chart
show: true
show_states: true
colorize_states: true
update_interval: 10min
graph_span: 1d
span:
start: day
apex_config:
curve: smooth
tooltip:
enabled: true
yaxis:
- show: true
decimalsInFloat: 0
labels:
style:
colors: '#ffffff'
fontSize: 15px
fontWeight: bold
fontFamily: Arial
forceNiceScale: true
- show: true
decimalsInFloat: 0
opposite: true
labels:
style:
colors: '#2eb9ff'
fontSize: 15px
fontWeight: bold
fontFamily: Arial
forceNiceScale: true
xaxis:
tooltip:
enabled: false
axisBorder:
show: false
labels:
style:
fontSize: 15px
fontFamily: Arial
chart:
height: 500
grid:
show: false
legend:
show: false
dataLabels:
enabled: false
stroke:
width: 3
curve: smooth
fill:
type: gradient
gradient:
type: vertical
shadeIntensity: 0.8
inverseColors: false
opacityFrom: 0.5
opacityTo: 0
stops:
- - 0
- 50
- 100
series:
- entity: sensor.temp_outside
name: Temp utomhus
show:
extremas: true
type: area
color: '#ffffff'
fill_raw: last
float_precision: 0
extend_to: now
group_by:
duration: 5min
func: max
- entity: sensor.power_home
name: Elförbrukning
type: area
color: '#2eb9ff'
fill_raw: last
show:
extremas: true
float_precision: 0
extend_to: now
group_by:
duration: 5min
func: max