Energy production/consumption graphs

I am relatively new to Home Assistant and will sketch my setup and then raise my question.

I have solar panels, which power and energy can be retrieved. I am not so much interested in power but much more in energy.
And so I have created an Utility Meter helper (as a matter of fact 3) for weekly, monthly and yearly measurements (sensor.solar_production_m for monthly). This is the real energy production of the solar panels.
Obviously our home uses energy also and so I am using P1 Monitor Integration (ZTATS) measuring what goes in (consumption) and what goes out (production). This P1 (grid) production is solar panel production - own energy usage. For those I also created Utility Meters: sensor.grid_production_high_w and sensor.grid_production_low_w (high/low tariff weekly production) and sensor.grid_consumption_high/low_w (high/low tariff weekly consumption).
In a graph I would like to setup three lines: solar production, grid production and grid consumption and so in configuration.yaml I created the following:

      monthly_solar_total:
        friendly_name: Total monthly solar energy
        value_template: >-
          {{ (states('sensor.solar_production_m')) | round(1) }}
        unit_of_measurement: "kWh"

      monthly_production_total:
        friendly_name: Total monthly energy production
        value_template: >-
          {{ (states('sensor.grid_production_high_m') + states('sensor.grid_production_low_m')) | round(1) }}
        unit_of_measurement: "kWh"

      monthly_consumption_total:
        friendly_name: Total monthly energy consumption
        value_template: >-
          {{ (states('sensor.grid_consumption_high_m') + states('sensor.grid_consumption_low_m')) | round(1) }}
        unit_of_measurement: "kWh"

And this is what I get in the graph:

As you can see, the values for grid_consumption_high_m and grid_consumption_low_m are available as entity in an entity card but the graph is shown as N/A.

Any suggestion/help to solve this is welcome.

Thanks, Chris