Lovelace: mini graph card

so this will sound rather noobish, but please help me out…

trying to create something like:

in which the gold is solar, light blue is grid and dark blue is actual usage in Watts.

using a stock history-graph card

  - type: history-graph
    title: Gebruik actueel
    hours_to_show: 24
    refresh_interval: 30
    entities:
      - entity: sensor.zp_actuele_opbrengst
      - entity: sensor.calculated_bruto_verbruik
      - entity: sensor.netto_verbruik

Gives me the correct graph, albeit very ugly:

so, hoping to make that more beautiful, I made this basic config:

  - type: custom:mini-graph-card
    name: Gebruik actueel per uur
    hours_to_show: 1
    update_interval: 30
    smoothing: true
    show:
      labels: true
    entities:
      - entity: sensor.zp_actuele_opbrengst
        color: gold
      - entity: sensor.calculated_bruto_verbruik
        color: darkblue
        show_fill: false
      - entity: sensor.netto_verbruik
        color: lightblue

how do I show the Y axis…show: labels: true doesnt help

also, the fills should be relative to the X axis, not the bottom of the graph card…

could anyone more advanced here throw me some pointers how to do that please? thanks