bonjour,
pour agrandir une carte apexchart, il faut recuperer card-mod d apres ce que j’ai compris.
apres, la procedure serait comment… avec une carte format donut existante ?
Salut,
Pour la hauteur et largeur, pas besoin de card_mod. Utilise ce code
apex_config:
chart:
height: 220px
width: 200px
edit:
je me trompe, c’est pour le graphique. Pour la carte complète c’est:
card_mod:
style: |
ha-card {
height: 50px !important;
width: 150px !important;
}
que tu ajoute au code de apex-chart.
merci
je copie mon code, ou je rajouterais ce texte ? je suis completement novice.
type: custom:apexcharts-card
chart_type: donut
header:
show: true
title: Répartition énergétique journalière
show_states: true
colorize_states: true
apex_config:
dataLabels:
formatter: |
EVAL:function(value) {
return value.toFixed(0) + " %";
}
plotOptions:
pie:
donut:
labels:
show: true
total:
show: true
label: Total
formatter: |
EVAL:function(w) {
return w.globals.seriesTotals.reduce((a, b) => {return (a + b)} , 0).toFixed(1) + " kWh"
}
series:
- entity: sensor.consommation_ballon_thermodynamique_journaliere
name: ballon thermodynamique
float_precision: 1
color: "#2ECC71"
- entity: sensor.consommation_clim_chauffage_bureau_journaliere
name: clim-chauffage bureau
float_precision: 1
color: "#3498DB"
- entity: sensor.consommation_d_energie_electrique_journaliere_pc_bureau
name: pc bureau
float_precision: 1
color: "#8E44AD"
- entity: sensor.consommation_d_energie_journaliere_refrigerateur
name: réfrigérateur
float_precision: 1
color: "#E74C3C"
- entity: sensor.consommation_electrique_non_mesurer_du_jour
name: consommation non suivie
float_precision: 1
color: "#bdb998"
tu ajoutes ce code à la fin du tien. En modifiant la hauteur et largeur que tu veux.