Page 1 sur 3

Couleur en fonction des valeurs [3 axes] [Courbe et colonne]

Posté : 13 mars 2015, 13:57
par Maxtitou
Bonjour,

je travaille actuellement avec Highcharts pour mon projet d'informatique et j'arrive pas à trouver ce que j'ai envie de faire.
Je m'explique, voici d'abord un aperçu de mon graphique.
picture.png
La courbe représente les températures et les colonnes, la présence. Avec en axe X les mois, en axe Y1 les températures et en axe Y2 la présence. J'aimerai que quand la présence est inférieure à 50% la courbe soit d'une couleur x et quand la présence est supérieure à 50% la courbe soit d'une couleur y.

J'espère que c'est possible.

Merci pour votre aide

Maxime

Re: Couleur en fonction des valeurs [3 axes] [Courbe et colo

Posté : 13 mars 2015, 14:44
par Météo Villarzel
Salut Maxime,

je ne sais pas si c'est possible avec une valeur définie, il y a une possibilité, mais avec une valeur négative, tu pourrais imaginer +y pour ta présence et -y pour l'absence.

La balise est
negativeColor: '#0088FF',

Exemple
http://www.boock.ch/meteo/graphiques_dy ... minmax.php

J'ai trouvé deux autre balises dans l'API, mais j'ai jamais essayé de les utiliser

minColor: '#jjFFFF',
maxColor: '#000000',

Bonne journée

A+

Re: Couleur en fonction des valeurs [3 axes] [Courbe et colo

Posté : 13 mars 2015, 15:36
par Maxtitou
Je vois ce que tu veux dire avec l'utilisation d'un threshold et du negativeColor mais j'essaie de trouver avec une valeur définie (ici 50). Je continue mes recherches.

Tes balises que tu as trouvé, tu penses qu'elles ont quoi comme utilisation ?

Re: Couleur en fonction des valeurs [3 axes] [Courbe et colo

Posté : 13 mars 2015, 16:09
par Météo Villarzel
j'ai trouvé autres choses dans les plugins additionnels

series, multicolor :
http://www.highcharts.com/plugin-regist ... r%20series

C'est sympa, mais je ne sais pas si c'est applicable pour ton cas !!!

A+

Re: Couleur en fonction des valeurs [3 axes] [Courbe et colo

Posté : 13 mars 2015, 17:12
par Maxtitou
Ce qui est complexe dans mon cas, c'est que ce que je veux faire doit utiliser la courbe et les colonnes.
img.png
J'ai suivi ton 1er conseil en utilisant un threshold et du negativeColor et voici le rendu. En dessous de 35°, la courbe est rouge, au-dessus cela vire au vert.

Ce concept, j'essaie maintenant de l'appliquer à mon cas principal. C'est vraiment très complexe.

Re: Couleur en fonction des valeurs [3 axes] [Courbe et colo

Posté : 13 mars 2015, 17:16
par PascalWMR
Bonjour
Météo Villarzel a écrit : J'ai trouvé deux autre balises dans l'API, mais j'ai jamais essayé de les utiliser

minColor: '#jjFFFF',
maxColor: '#000000',
Les paramètres minColor et maxColor sont destinés uniquement a l'yAxis des graphiques type solidgauge uniquement.

A+
Pascal

Re: Couleur en fonction des valeurs [3 axes] [Courbe et colo

Posté : 13 mars 2015, 19:27
par Météo Villarzel
Les paramètres minColor et maxColor sont destinés uniquement a l'yAxis des graphiques type solidgauge uniquement.
Salut Pascal,
tu as raison, mais j'était au boulot et pas vraiment le temps de tester, par contre je n'ai pas trouvé un truc du genre "negativeColor" mais qui permet de faire le changement à partir d'une certaine valeur et pas uniquement en dessous de 0

Bon Week, demain il fait beau, donc apéro et pas encore de tondeuse, elle est pas belle la vie :lol:

A+

Re: Couleur en fonction des valeurs [3 axes] [Courbe et colo

Posté : 15 mars 2015, 06:58
par jturlier
Bonjour,
cela pourrait-il être d'une quelconque utilité... bien sûr si vous lisez l'anglais :
http://stackoverflow.com/questions/1241 ... ynamically
http://forum.highcharts.com/viewtopic.php?f=9&t=5288

Pierre-André, tu fais le fier pour une fois que c'est toi qui n'a pas de mauvais temps ! :mrgreen:
Bonne journée

Jean

Re: Couleur en fonction des valeurs [3 axes] [Courbe et colo

Posté : 15 mars 2015, 10:49
par PascalWMR
Bonjour à tous

C'est tout bête et tellement bête que même moi je ne l'avais pas vu. :oops:

Il suffit d'utiliser la balise

threshold: nombre,

combinée à la balise

negativeColor: '#couleur',

Pour tester, aller ici http://jsfiddle.net/gh/get/jquery/1.7.2 ... ive-color/

ajouter la balise threshold avec un nombre différent à chaque série juste avant la balise negativeColor de chaque série.
On peut combiner différents types de graphiques et pour chaque séries on peut définir un threshold différent et des couleur negativeColor différente. :geek:
Météo Villarzel a écrit :Bon Week, demain il fait beau, donc apéro et pas encore de tondeuse, elle est pas belle la vie
Moi aussi apéro, juste eu le temps avant disparition du soleil. :P
Bon je te l'accorde aujourd'hui on fera apéro mais pas dehors. :cry:
Mais bon, ce qui me console, c'est le sens de rotation de la terre et les vents dominants DE L'OUEST VERS L'EST :lol:

Bon aller 10h47, ça va être l'heure de préparer les cacahuètes.

A+
Pascal

Re: Couleur en fonction des valeurs [3 axes] [Courbe et colo

Posté : 15 mars 2015, 12:25
par Météo Villarzel
Salut Pascal,
désolé d’interrompre ton apéro :lol:

Effectivement ça fonctionne avec threshold, mais en fait ça décale l'axe Y, au début je ne voyais pas trop à quoi pouvais servir la demande de Maxitou, mais c'est une piste à creuser pour par exemple changer la couleur d'une colonne quand on dépasse une certaine valeur.
Par exemple sur le graphique ci-dessous, quand la pluviométrie dépasse 20 mm en une journée, on change la couleur

A+
pluvio.jpg
Bon, je retourne finir mon Pastis