Carte capteur Xiaomi LYWSD03MMC

Bonjour à tous,
je n’ai pas de problème, je fais ce post pour partager / aider « Vincent » à représenter la carte de son capteur Xiaomi LYWSD03MMC qui a demandé de l’aide via les commentaires de la vidéo de @e-2-nomy (que je remercie encore pour ses vidéos hyper instructives :pray:).

⇒ Je précise que je ne connais pas plus @e-2-nomy que Vincent…

Donc voilà à quoi ça ressemble sur mon lovelace :

SCR-20240209-payc

Je n’ai pas réussi à trouver une police qui soit exactement la même que celle du capteur physique :

mais, j’ai le niveau de batterie en plus :sweat_smile:


Donc pour en arriver là, voilà ce qu’il faut faire au préalable pour que mon code fonctionne :

  1. il faut déposer l’image du capteur et de la batterie (PNG)


à la base de homeassistant/ (en créant les dossiers s’ils n’existent pas aux noms que vous souhaitez utiliser), par exemple pour suivre mon code :

  • config/www/images/3d_floorplan/
  1. Ensuite, il faut ajouter les liens deux nouvelles polices, Teko et Cuprum en allant dans :
  1. Maintenant rendez-vous sur votre lovelace pour créer une nouvelle carte picture-elements avec le code suivant :
type: picture-elements
image: ./local/images/3d_floorplan/CAPTEUR.png
elements:
  - type: state-label
    entity: sensor.xiaomi_lywsd03mmc_2_temperature
    prefix: ''
    hold_action:
      action: none
    style:
      top: 38%
      left: 52%
      font-size: 920%
      color: black
      font-family: Teko
  - type: state-label
    entity: sensor.xiaomi_lywsd03mmc_2_humidite
    prefix: ''
    hold_action:
      action: none
    style:
      top: 66%
      left: 65%
      font-size: 700%
      color: black
      font-family: Teko
  - type: image
    entity: null
    image: ./local/images/3d_floorplan/BATTERY.png
    style:
      top: 65%
      left: 35%
      width: 18%
      font-family: Teko
  - type: state-label
    entity: sensor.xiaomi_lywsd03mmc_2_batterie
    prefix: ''
    hold_action:
      action: none
    style:
      top: 65%
      left: 35%
      font-size: 200%
      color: black
      font-weight: bold
      font-family: Cuprum

Précisions : mon capteur Xiaomi est nommé de la sorte (à changer en fonction du vôtre) :
- sensor.xiaomi_lywsd03mmc_2_temperature
- sensor.xiaomi_lywsd03mmc_2_humidite
- sensor.xiaomi_lywsd03mmc_2_batterie

J’ai laissé la possibilité de cliquer sur les entités pour avoir les graphiques d’historiques et on peut évidemment « jouer » avec les couleurs, tailles, placement en fonction de votre carte via le « style » avec les « top » / « left » / « color » …


Et voilà, c’est fait :ok_hand:

pourtant, les polices 7 segments, c’est pas ca qui manque
https://fontmeme.com/polices/police-seven-segment/

1 « J'aime »

Oui @bentou j’avais vu celle-là aussi, mais il n’y en a pas de correspondante sur Google fonts
… je t’assure, j’ai cherché (trop trop) longtemps.
Du coup, je n’ai pas d’url, mais si tu as, je suis preneur :grin:

Ou alors, il y a un autre moyen de rajouter des polices ?

salut, merci pour le partage, juste pour ceux souhaiterait tester, il manque le .png « batterie » dans ton post :wink:

1 « J'aime »

Merci @Xek
je me suis pourtant relus 20 fois :joy:

Pour les fonts, je nettoyais mon clavier, le coup est partit tout seul…

j’avais pas réfléchi qu’il fallait une fonte web…

par contre, comme j’ai un soucis d’affichage… mon capteur me donne les valeurs avec 2 chiffres après la virgule, ce qui me décale tout !!!

si quelqu’un a un truc pour arrondir l’affichage dans la carte (sans passer par un template) ca m’arrangerait bien !!!

@bentou Sur ton lovelace, si tu cliques sur la valeur que tu souahites modifier, tu as accès aux paramètres via la « roue dentée » :

SCR-20240212-lwlb

Tu auras ensuite accès au réglage du nombre de chiffres après la virgule que tu souhaites afficher :

:v:

Salut,

merci pour la partage.
J’ai reclassé dans la catégorie du forum plus appropriée. :wink:

1 « J'aime »

Merci @AlexHass c’est mon tout premier post :smiling_face:

1 « J'aime »

Ok pour l’affichage du nombre de chiffres après la virgule.
mais en fait, ca ne joue pas sur l’affichage coté dashboard, ca joue sur l’objet et donc sur tous les autres affichages.
bon, dans notre cas, il n’y a pas de soucis, pas de calcul ou d’automation…