Superpose those 2 graphs, or have them on top of the other with same timeline

[cedricdelecole]

Hello,

I am having this dashboard below, and would like to know if there is apossibility to combine the second graph (with entities showing ON / OFF, or Error / No Error, with the first graph showing values over time.
The purpose is to have at least the data superposed on top of ech other to be able to compare the timeline (Fir example see exactly the battery temperature when it goes to error, for example.

for the moment as you can see I made 2 graphs, but the second graph has a label before the line so it is streched.

Many Thanks !!

[cataseven]

Please send your yaml

[cedricdelecole]

HEre it is, and many Thanks for the good job and the quick reply 👍

`kiosk_mode:
admin_settings:
hide_header: false
hide_sidebar: false
user_settings:
- users:
- alessio
- flavia
- inès
hide_sidebar: false
- users:
- wallpanel
kiosk: true
views:

• title: Home
  type: custom:grid-layout
  layout:
  grid-template-columns: 400px 445px 125px 125px 125px 125px
  grid-template-rows: 65px 65px 65px 65px 65px 65px 65px 65px 65px 65px 65px
  grid-template-areas: |
  "r1-1 r1-1 r1-1 r1-1 r1-1 r1-1"
  "r2-1 r2-1 r2-4 r2-4 r2-6 r2-6"
  "r3-1 r3-2 r3-4 r3-4 r3-6 r3-6"
  "r4-1 r4-1 r4-4 r4-4 r4-6 r4-6"
  "r5-1 r5-1 r5-3 r5-3 r5-3 r5-3"
  "r6-1 r6-2 r6-3 r6-3 r6-3 r6-3"
  "r7-1 r7-1 r7-3 r7-3 r7-3 r7-3"
  "r8-1 r8-1 r8-3 r8-3 r8-3 r8-3"
  "r9-1 r9-2 r9-3 r9-4 r9-5 r9-6"
  "r10-1 r10-1 r10-3 r10-4 r10-5 r10-6"
  "r11-1 r11-1 r11-3 r11-4 r11-5 r11-6"
  icon: mdi:home
  visible:
  • user: 6c0f22e61daf4f799222ab1f2942f2af
  • user: 1a22f3b4ca2f4c4c84db909d9ba20c60
    badges: []
    cards:
  • type: horizontal-stack
    cards:
    • type: custom:mushroom-chips-card
      chips:
      • type: entity
        entity: person.delecole
        tap_action:
        action: navigate
        navigation_path: /lenovo-m10-plus-home/0
        name: Home
        content_info: name
        icon: mdi:home
        use_entity_picture: false
        icon_color: blue
        view_layout:
        grid-area: r1-1
  • type: custom:mushroom-entity-card
    entity: sensor.s_batterie
    fill_container: false
    name: Pourcentage batterie
    card_mod:
    style: |
    ha-card {
    background-color: rgba(255, 255, 255, 0.2);
    }
    view_layout:
    grid-area: r2-4
  • type: custom:mushroom-entity-card
    entity: sensor.s_prochain_depart_programme
    name: Prochaine tonte
    card_mod:
    style: |
    ha-card {
    background-color: rgba(255, 255, 255, 0.2);
    }
    view_layout:
    grid-area: r2-6
  • type: custom:mushroom-entity-card
    entity: binary_sensor.s_en_charge
    fill_container: false
    name: Etat batterie
    card_mod:
    style: |
    ha-card {
    background-color: rgba(255, 255, 255, 0.2);
    }
    view_layout:
    grid-area: r3-4
  • type: custom:mushroom-entity-card
    entity: sensor.s_distance_totale_parcourue
    name: Distance totale parcourue
    card_mod:
    style: |
    ha-card {
    background-color: rgba(255, 255, 255, 0.2);
    }
    view_layout:
    grid-area: r3-6
  • type: custom:mushroom-entity-card
    entity: sensor.s_temperature_de_la_batterie
    fill_container: false
    name: Température batterie
    card_mod:
    style: |
    ha-card {
    background-color: rgba(255, 255, 255, 0.2);
    }
    view_layout:
    grid-area: r4-4
  • type: tile
    grid_options:
    columns: 12
    rows: 1
    entity: lawn_mower.s_2
    name: Etat de Worx Tondeuse
    show_entity_picture: false
    hide_state: false
    state_content: state
    vertical: false
    tap_action:
    action: none
    icon_tap_action:
    action: none
    features_position: bottom
    card_mod:
    style: |
    ha-card {
    background-color: rgba(255, 255, 255, 0.4);
    }
    view_layout:
    grid-area: r6-3
  • type: horizontal-stack
    cards:
    • type: custom:mushroom-template-card
      primary: Tondre
      secondary: ''
      icon: mdi:play-circle-outline
      entity: lawn_mower.s_2
      tap_action:
      action: perform-action
      perform_action: lawn_mower.start_mowing
      target:
      entity_id: lawn_mower.s_2
      data: {}
      fill_container: false
      multiline_secondary: false
      hold_action:
      action: none
      double_tap_action:
      action: none
      icon_color: |-
      {% if is_state('lawn_mower.s_2', 'docked') %}
      green
      {% else %}
      black
      {% endif %}
      grid_options:
      columns: 4
      rows: 1
      card_mod:
      style: |
      ha-card {
      background-color: rgba(255, 255, 255, 0.4);
      }
    • type: custom:mushroom-template-card
      primary: Pause
      secondary: ''
      icon: mdi:pause-circle-outline
      entity: lawn_mower.s_2
      tap_action:
      action: perform-action
      perform_action: lawn_mower.pause
      target:
      entity_id: lawn_mower.s_2
      data: {}
      fill_container: false
      multiline_secondary: false
      hold_action:
      action: none
      double_tap_action:
      action: none
      icon_color: |-
      {% if is_state('lawn_mower.s_2', 'docked') %}
      black
      {% else %}
      green
      {% endif %}
      grid_options:
      columns: 4
      rows: 1
      card_mod:
      style: |
      ha-card {
      background-color: rgba(255, 255, 255, 0.4);
      }
    • type: custom:mushroom-template-card
      primary: Rentrer
      secondary: ''
      icon: mdi:home-import-outline
      entity: lawn_mower.s_2
      tap_action:
      action: perform-action
      perform_action: lawn_mower.dock
      target:
      entity_id: lawn_mower.s_2
      fill_container: false
      multiline_secondary: false
      hold_action:
      action: none
      double_tap_action:
      action: none
      icon_color: |-
      {% if is_state('lawn_mower.s_2', 'docked') %}
      black
      {% else %}
      green
      {% endif %}
      grid_options:
      columns: 4
      rows: 1
      card_mod:
      style: |
      ha-card {
      background-color: rgba(255, 255, 255, 0.4);
      }
      view_layout:
      grid-area: r7-3
  • type: custom:mushroom-entity-card
    entity: switch.s_mode_festif
    fill_container: false
    tap_action:
    action: toggle
    grid_options:
    columns: 12
    rows: 1
    icon_color: |-
    {% if is_state('switch.s_mode_festif', 'on') %}
    yellow
    {% else %}
    black
    {% endif %}
    card_mod:
    style: |
    ha-card {
    background-color: rgba(255, 255, 255, 0.4);
    }
    view_layout:
    grid-area: r8-3
  • type: custom:statistics-graph-chart-card
    entities:
    • entity: sensor.s_puissance_du_signal
      statistic_id: null
      name: Wifi
      color: '#ff4757'
      lower_bound: '-90'
      upper_bound: '0'
    • entity: sensor.s_temperature_de_la_batterie
      statistic_id: null
      name: Température batterie
      color: '#378ADD'
    • entity: sensor.s_batterie
      statistic_id: null
      name: Pourcentage batterie
      color: '#2ecc71'
      annotations: []
      card_mod:
      style: |
      ha-card {
      background-color: rgba(255, 255, 255, 0.4);
      }
      view_layout:
      grid-area: r2-1
  • type: custom:statistics-graph-chart-card
    hours_to_show: 36
    points_per_hour: 5
    group_by: hour
    chart_mode: state_timeline
    entities:
    • entity: sensor.s_erreur
      statistic_id: null
      name: ''
      color: '#f39c12'
    • entity: binary_sensor.s_en_charge
      statistic_id: null
      name: ''
      color: '#9b59b6'
    • entity: switch.s_mode_festif
      statistic_id: null
      name: ''
      color: '#2ecc71'
      annotations: []
      card_mod:
      style: |
      ha-card {
      background-color: rgba(255, 255, 255, 0.4);
      }
      view_layout:
      grid-area: r7-1
      background:
      opacity: 81
      alignment: center
      size: cover
      repeat: repeat
      attachment: fixed
      image:
      media_content_id: /api/image/serve/2d9ab92f0e1c433b1c7201eee99e1244/original`