Rainfall monthly

type: custom:apexcharts-card
graph_span: 12month
span:
  offset: +31d
header:
  show: true
  show_states: true
apex_config:
  chart:
    height: 175px
  xaxis:
    tickAmount: 11
    tickPlacement: between
    type: category
    labels:
      rotateAlways: true
      formatter: |
        EVAL:function(value) {
          month = new Date(value).toLocaleDateString("nl-NL", { month: 'long' }).substr(0,3);
          return month.charAt(0).toUpperCase() + month.slice(1);
        }
yaxis:
  - apex_config:
      forceNiceScale: true
      stepSize: 25
    min: 0
    decimals: 0
all_series_config:
  type: column
  statistics:
    type: sum
    period: month
    align: end
  group_by:
    func: diff
    duration: 31d
    fill: last
    start_with_last: true
  show:
    datalabels: true
  float_precision: 0
series:
  - entity: sensor.rainfall_today
    name: This month
    color: 488fc2