#Custom card widths

1 messages · Page 1 of 1 (latest)

dense ivy
#

I have a custom card that uses yaml so I have no visual editor. Is there a way for me card to be the full width of a section but it not get any taller? Its a history graph with several items being watched but I dont want it to be giant, just as wide as the section its in.

graph_span: 24h
header:
  show: true
  title: 🌧️ Front Porch Humidity (24h History)
  show_states: true
  colorize_states: true
all_series_config:
  stroke_width: 3
  curve: smooth
series:
  - entity: sensor.front_porch_air_temperature
    name: Temp
    type: line
    color: "#42a5f5"
    float_precision: 2
  - entity: sensor.front_porch_humidity
    name: Humidity
    type: line
    color: "#FFA500"
    float_precision: 2
  - entity: sensor.front_porch_battery_level
    name: Battery
    type: line
    color: "#F54927"
    float_precision: 2

The yaml in question

blazing cloud
dense ivy
#

Fantastic, ill check that out, thanks a bunch

#

Is Apex frowned on to use or just because its not official it doesnt get a bunch of help?

blazing cloud
#

No. There's nothing wrong with it. I consider it a "niche" card. For most people, the offical graph cards are good enough. The apexcharts-card is more powerful but just not as widely used.

dense ivy
#

Thats fair

blazing cloud
#

When it comes to helping with that card, those who actually use it would be better apt at giving help. I don't use it myself, but I do have it installed for reference. In the forum thread, you're going to get more eyes on your question from users who (more than likely) use it.

dense ivy
#

I guess I should ask then can I do something similar with that using the stock cards?

blazing cloud
#

I don't really use graphs myself so I can't really give a straight answer on that. The stock cards are good. But, if you're looking for more control and configuration of how the data is show, apexcharts-card would probably be better. IMO, it is just more difficult to work with because of how powerful and capable it is.