Bonjour à tous,
Je suis entrain d’intégrer mon imprimante et plus précisément le suivi du forfait HP Instant Ink. Je souhaite afficher des graphiques ApexCharts pour visualiser où j’en suis dans les pages imprimés sur le forfait en cours et sur les pages reportées comme vous pouvez le voir ci dessous :
Je rencontre deux problèmes dans la configuration de mon interface :
- Je dois définir en dur la valeur max de mon graph (700 ici) alors que j’aimerais utiliser input_number.hp_envy_5540_nb_pages_forfait . Avez vous une idée de comment faire ?
- Pareil pour le formattage de la valeur, je dois mutiplier par 7 (700 / 100) et écrire « sur 700 » à la main. Je n’ai pas trouvé comment récupérer la valeur max dans ma fonction JS de formattage. Avez vous des pistes ?
Pourquoi je ne souhaites pas ecrire en dur les 700 pages dans ma tuile c’est que pour les pages reportées, c’est un nombre qui change tous les mois donc je ne pourrais pas appliquer cette technique.
Voici le code de ma tuile :
type: custom:apexcharts-card
chart_type: radialBar
style: |
ha-card {
border-radius: "var(--border-radius)";
box-shadow: none;
padding-bottom: 0px;
padding-top: 0px;
}
header:
show: false
apex_config:
chart:
offsetY: 0
legend:
show: false
plotOptions:
radialBar:
offsetY: 20
startAngle: -180
endAngle: 180
hollow:
margin: 5
size: 60%
background: transparent
image: false
dataLabels:
name:
show: true
offsetY: -45
size: 50%
color: '#000'
fontSize: 12px
value:
show: true
fontSize: 10px
offsetY: -13
formatter: |
EVAL:function(value) {
console.log("input_number.hp_envy_5540_nb_pages_forfait");
return 7*value + "\nsur\n700";
}
series:
- entity: sensor.hp_envy_5540_nb_pages_utilise_periode
name: Pages du forfait
max: 700
color: '#1eabf1'
Merci d’avance et bonne fin de journée.
