Showing all 12 months when span is set to 1 year

[altserg]

Hi all,

I'm trying to plot energy/water usage during the year. I have set graph_span: 1 year, span: start: year. I do not have the data for all 12 months yet, and the graph is not occupying all available area, see the picture below.

Does anyone know how to display all 12 months even if there is no data, and make the graph wider to occupy empty areas on the left and right ?

My full config:
type: custom:apexcharts-card
locale: en
hours_12: false
color_list:

• '#00A7C6'
• '#18D8D8'
• '#A9D794'
• '#46AF78'
• '#A93F55'
• '#8C5E58'
• '#2176FF'
• '#33A1FD'
• '#7A918D'
• '#BAFF29'
  apex_config:
  animations:
  enabled: true
  easing: linear
  speed: 700
  animateGradually:
  enabled: true
  delay: 150
  fill:
  type: gradient
  gradient:
  shadeIntensity: 1
  stops:
  - 0
  - 80
  - 100
  tooltip:
  x:
  format: MMMM yyyy
  header:
  show: true
  title: Yearly Water Consumption
  show_states: true
  colorize_states: true
  graph_span: 1 year
  span:
  start: year
  series:
• entity: sensor.montly_water_consumption
  type: column
  show:
  in_header: false
  fill_raw: zero
  statistics:
  type: state
  period: month
  align: start
• entity: sensor.yearly_water_consumption
  type: column
  show:
  in_chart: false
  name_in_header: false