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

Ce forum est dédié aux discussions qui concernent les graphiques réalisés avec la librairie Highcharts, Une question, un bug ?

Modérateurs : jturlier, Météo Villarzel

Maxtitou
Messages : 7
Enregistré le : 13 mars 2015, 10:37

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

Message par Maxtitou » 13 mars 2015, 13:57

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
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

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

Message par Météo Villarzel » 13 mars 2015, 14:44

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+
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

Maxtitou
Messages : 7
Enregistré le : 13 mars 2015, 10:37

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

Message par Maxtitou » 13 mars 2015, 15:36

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 ?

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

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

Message par Météo Villarzel » 13 mars 2015, 16:09

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+
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

Maxtitou
Messages : 7
Enregistré le : 13 mars 2015, 10:37

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

Message par Maxtitou » 13 mars 2015, 17:12

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.
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.

Avatar du membre
PascalWMR
Messages : 323
Enregistré le : 16 févr. 2014, 09:28
Localisation : CONFLANS EN JARNISY (F54800)
Contact :

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

Message par PascalWMR » 13 mars 2015, 17:16

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
Station VP2Plus, Windows 10 64 bits,WeatherLink 6.0.5, VP2SQL, Graphiques Dynamiques à partir d'une BDD MySQL
Météo Conflans-en-Jarnisy
Image

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

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

Message par Météo Villarzel » 13 mars 2015, 19:27

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+
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

Avatar du membre
jturlier
Administrateur du site
Messages : 393
Enregistré le : 10 déc. 2014, 10:20
Localisation : Sérignan 34410
Contact :

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

Message par jturlier » 15 mars 2015, 06:58

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
Jean

Station :
VP2pro + anémomètre ultrasons et console Vue
Cumulus 1.9.4 + Cumulus2SQL + MySQL

Audio :
FR
PC :
W10 64bits migré
http://meteoserignan.ddns.net
Image

Avatar du membre
PascalWMR
Messages : 323
Enregistré le : 16 févr. 2014, 09:28
Localisation : CONFLANS EN JARNISY (F54800)
Contact :

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

Message par PascalWMR » 15 mars 2015, 10:49

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
Station VP2Plus, Windows 10 64 bits,WeatherLink 6.0.5, VP2SQL, Graphiques Dynamiques à partir d'une BDD MySQL
Météo Conflans-en-Jarnisy
Image

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

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

Message par Météo Villarzel » 15 mars 2015, 12:25

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
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

Répondre