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

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

Message par Maxtitou » 17 mars 2015, 09:48

Météo Villarzel a écrit :J'ai trouvé une fonction,
http://jsfiddle.net/paaubert/xg6szmvc/3/

Toutes les valeurs au dessus de 20 sont en rouge, on peux changer la valeur ici

var max = 20;

Par contre ça fonctionne avec des valeurs en dur, mais pas avec notre fonction data: comArr(dsol), ?

Code : Tout sélectionner

series: [{
		        name: 'Pluviométrie',
				type: 'column',
				color: '#1e90ff',
		        data: comArr(dsol),
				dataGrouping: {
					units: [[
						'day', // unit name
						[1] // allowed multiples
					], [
						'day',
						[1]
					]]
		        },
		    }
			]
		
		}, function(chart) {
		 var max = 20;
            
            $.each(chart.series[0].data,function(i,data){
                
                if(data.y > max)
                    data.update({
                        color:'red'
                    });
                
            });
Une idée :?:

A+
Cette technique pourrait être pas mal pour mon cas.

Par exemple :
si data yopposite > 50
alors les valeurs de la courbe sont rouge ^^ un truc dans le genre

Javier
Messages : 263
Enregistré le : 15 févr. 2014, 09:23
Localisation : San Sebastián, España
Contact :

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

Message par Javier » 06 juil. 2015, 23:08

Je viens de découvrir une nouvelle fonction Highcharts, je pense que, pour résoudre le problème de la couleur sur la base d'une certaine valeur:

http://api.highcharts.com/highstock#plo ... ries.zones

Je l'ai appliqué sur un graphique et fonctionne très bien:

http://kocher.es/weatherdisplay/wxnoaatemps2-hc.php

Code : Tout sélectionner

							series: [
				{
				name: 'Record Highs',
				zones: [{
                value: 15,
                color: 'Orange'// Color hasta los 15 ºC
            }, {
                value: 30,
                color: 'Orange'// Color hasta los 30 ºC
            }, {
                color: 'Crimson'// Color por encima de 30 ºC
            }],
 				lineWidth: 1,
				pointPadding: -0.1,
        pointWidth: 30,
				yAxis: 0,
				type: 'line',
				data: (rechdata),
				},



Je l'espère vous le trouvez utile :)

Javier
Modifié en dernier par Javier le 06 juil. 2015, 23:19, modifié 1 fois.
Davis Vantage Pro2 +, Windows 10, Windows 7 (64), Graphweather 3.0.15, Weatherlink 6.0.3, template Pierre-André, template Jachym
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 » 06 juil. 2015, 23:19

Salut Javier,

Génial, merci pour l'astuce qui fonctionne très bien
http://www.boock.ch/meteo/graphiques_dy ... re_48h.php

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

Javier
Messages : 263
Enregistré le : 15 févr. 2014, 09:23
Localisation : San Sebastián, España
Contact :

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

Message par Javier » 06 juil. 2015, 23:28

Bonsoir Pierre-André

Votre Graphique est très bonne.

Je suis très heureux que fonctionnent bien :D

Saludos desde San Sebastián

Javier
Davis Vantage Pro2 +, Windows 10, Windows 7 (64), Graphweather 3.0.15, Weatherlink 6.0.3, template Pierre-André, template Jachym
Image

Répondre