Jauge avec plusieurs zones/couleurs

Quelque chose comme ça ?

Widget avec jauge intégrées en mode carte
Paramètres de jauge :
Couleur avant curseur : couleur libre, transparence à 0%
Arrière plan :
Mettre x couleurs en fonction de ce que l’on souhaite et des niveaux souhaités.

Valeur : toujours afficher la valeur

Seul inconvénient, c’est un dégradé, pas de possibilité d’avoir des séparations de couleurs plus nettes.

Norbert

4 « J'aime »

Ahhh c est sur l arriere plan que tu joues !
Je me demandais comment ty arrivais …

Du coup mon idee d img n est peut etre pas si mal pr avoir des coupures « franches »

1 « J'aime »

Ou proposer à @jared-94 de rajouter une option de largeur de fusion des couleurs ?
Je trouve l’idée plutôt intéressante

Norbert

Je n ai pas dit le contraire :slight_smile:

J essaie de trouver une solution/workaround dispo de suite

Merci beaucoup, j’ai réussi avec les conseils de ngrataloup.

Un peu difficile de mettre les couleurs quand le vert doit être au milieu, mais ca le fait.

[ngrataloup] : comment tu fais pour avoir la date de dernier changement ?

Encore Merci.

PS : tomitomas j’ai bien compris pour les infos

Sous titre perso avec le choix (via le +) de temps écoulé !?

En fait l’option existe, mais n’est pas prise en compte dans le rendu du slider, je corrige.
(pour ne pas faire apparaitre de gradient dans le changement de 2 couleurs, il suffit d’en mettre une troisième et de jouer avec le paramètres de position)

1 « J'aime »

Tu pourras nous mettre un screenshot du résultat ? :wink:
Norbert

1 « J'aime »

Voila :wink:


rouge, blanc, bleu, bleu → rend en visuel rouge, bleu, vert
:thinking:

Oui c’est pour éviter le gradient avec la couleur suivante :wink:

Pourquoi le.blanc affiche de 21 à 100%?

Parce que c’est la position du rouge

On commence par le rouge (0%) jusqu’à 21%
Une autre couleur (peu importe elle ne sera pas visible) commence à 21%
Puis le bleu enchaîne en reprenant de 0% de la couleur précédente (qui la rend donc invisible)
Un autre bleu (le même) va jusqu’à 60% selon un gradient (mais comme c’est la même couleur on ne le voit pas, ça apparait comme une couleur unique)
Et on enchaîne ainsi de suite :

ca serait pas plus simple de mettre une option : gradient → oui/non !?
:slight_smile:

Si sûrement :rofl:

1 « J'aime »

Pourquoi ? moi, je trouve ca très intuitif de mettre une couleur intermédiaire non visible entre chaque couleur visible pour supprimer un gradient :sweat_smile:

Bonjour à tous,
Tout d’abord:

Jeedom Core : 4.3.17
Version JC : 1.8.0.1 beta
DNS Jeedom : non
Statut Démon : Stoppé - (NA)

Equipements :
  Pixel 4a : v1.7.5 (1438) beta sur android [os : 33] - PA
  Tablette Lenovo : v1.7.5 (1438) beta sur android [os : 31] - PA

J’ai un peu cherché et surtout beaucoup fait d’éssais mais je n’ai pas réussi à mettre en oeuvre le principe pour obtenir la séparation franche des couleurs. Ou fais je l’erreur??
Merci votre aide.

Bonjour,
Je relance le sujet, car je n’ai toujours pas trouvé de solution comme détaillé par @jared-94 .
Merci vos conseils

en fait non, on ne relance pas le sujet d’un autre qui a plusieurs mois et dont la solution a déjà été donnée: Comment nous aider à vous aider - ou Comment poser une bonne question?