#Some custom:mini-graph-card testing

1 messages · Page 1 of 1 (latest)

sage oyster
#

@novel dust I threw this together to give you an idea of some options to work with. The card does like to scale itself larger but will also fill its give area. In this case, I defined two columns at 15% screen width and a row height of 250px. I threw some extra stuff in the code to give you some ideas and reference to work with. ```yaml
type: vertical-stack
cards:

  • type: markdown
    content: Graphs
    card_mod:
    style: |
    ha-card {
    border: none;
    background: transparent;
    text-align: center;
    width: 30%;
    font-size: 40px;
    }
  • type: custom:layout-card
    layout_type: grid
    layout:
    grid-template-columns: 15% 15%
    grid-template-rows: 250px
    cards:
    • type: custom:mini-graph-card
      entities:
      • entity: sensor.bedroom_temperature
        name: Temperature
        color: var(--green-color)
      • entity: sensor.bedroom_humidity
        name: Humidity
        color: var(--blue-color)
        y_axis: secondary
        hours_to_show: 48
        line_width: 3
        font_size: 50
        animate: true
        show:
        name: false
        icon: false
        state: false
        legend: false
        fill: fade
    • type: custom:mini-graph-card
      entities:
      • entity: sensor.bedroom_temperature
        name: Temperature
        color: var(--green-color)
      • entity: sensor.bedroom_humidity
        name: Humidity
        color: var(--blue-color)
        hours_to_show: 48
        line_width: 3
        font_size: 50
        animate: true
        show:
        name: false
        icon: false
        state: false
        legend: false
        fill: fade```
novel dust
#

thank you so much I will try that

#

maybe it has something to do with my view?

#

as soon as it goes into the view it expands to be quite tall regardless of the specifications in the card

#

its not just this card, some other cards are also massive