Bonsoir, Je fais de nouveau appel aux experts du Lovelace. Je cherche à créer une carte de ma consommation qui rassemble un graphique et une vue instantanée. Avec Stack-in-card, j’ai réussi à faire la carte ci-dessous: [image] Je cherche néanmoins à rendre l’affichage plus compact en superposan…

Super et merci à tous. @anon41081891 , j’ai utilisé ton code et modifié légèrement: j’ai enlevé le background des cartes car il était visible et la jauge cachait une partie du graph dasn certains cas j’ai diminué la taille de la jauge j’ai enlevé le custom _field pour l’unité (VA) car lorsque la c…

Bonjour, Il est possible de rassembler les information dans une seule button-card avec des custom_fields. Il faudra aussi du card_mod pour supprimer les bordures des cartes incluses et voir s’il est possible de jouer sur les « margin » et les « padding ». Ce pendant le graphique sera forcément plus…

Salut, Avec la carte , ça marche aussi : type: custom:layout-card layout_type: custom:grid-layout layout: grid-template-areas: | "info1 info2" cards: - type: picture-elements image: /local/images/devices/ups.png view_layout: grid-area: …

La carte : [image] Le code : type: custom:button-card aspect_ratio: 5/2 custom_fields: consommation: card: type: custom:button-card entity: sensor.entree_zlinky_sinsts name: Consommation électrique show_icon: false show_state: true styles: card: …

Salut, réduit le width de la carte mini-graph-card, il doit être trop important par rapport à ton affichage. En revanche tu peux augmenter le top de cette même carte pour qu’elle soit positionnée un peu plus bas

@anon41081891 , cool, c’était bien ça. J’ai aussi diminué l’épaisseur du trait pour rendre bien visible. Ci-dessous le résultat. Une autre question si je peux: comment diminuer la taille de la fonte de la valeur sous la jauge? [image]

Changer la taille de police de la jauge est compliqué car la valeur est dans inscrite dans une boite flexible dont la taille (ainsi que la taille de la police) varie en fonction de nombre de caractères. Ca doit être faisable avec card_mod, voire ne pas afficher la valeur mais je n’ai pas réussi à le…

Encore une fois merci beaucoup. Je pense que ça va rester comme ça. Le seul problème que je rencontre est la mise à l’échelle pour affichage mobile. Sur le PC, la carte est parfaite, mais sur mobile, le mini-graph est trop bas et est coupé.

Ca c’est lié aux différences d’affichage entre PC et téléphones portables. J’ai fait un tableau de bord spécifique en fonction de sur quoi il est affiché. En faisant ça tu peux régler précisement les positions en fonction de l’affichage.

Oui, c’est ce que je fais aussi. Il faut que je trouve les bons réglages pour le mobile. Encore une fois, merci beaucoup pour ton aide.

Bonjour, Je ne comprends pas ce qui se passe. La même carte, avec le même code donne maintenant un affichage différent. Est-ce dû à un changement de format suite à la mise à jour de HA? Ci-dessous l’image actuelle du résultat, à comparer aux images que j’ai partagées plus tôt: [image]

Deux cartes superposées

Entraide Home Assistant

WarC0zes Janvier 6, 2024, 10:47 14

Carte qui disparait