Multiple axes avec Highstock

Postez ici vos astuces pour en faire profiter la communauté

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

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

Multiple axes avec Highstock

Message par Météo Villarzel » 05 mai 2014, 13:43

Bonjour,

Avec Highstock, vous pouvez faire un graphique avec des axes multiples comme sur cet exemple
http://www.boock.ch/meteo/graphiques_dy ... nalier.php

Il suffit de définir tous les axes y de cette manière

yAxis: [
{ //--- Premier axe y
title: {
text: 'Temperature'
},
height: 120,
},
{ //--- Deuxième axe y
title: {
text: 'Rainfall'
},
height: 120,
top: 280,
},
{ //--- Troisième axe y
title: {
text: 'Vent'
},
height: 120,
top: 410,
},
{
title: { //--- Quatrième axe y et etc.....
text: 'Pression'
},
height: 120,
top: 540,
}],

height: 120, représente la hauteur de chaque graphiques
top: xxx, représente la position du graphique par rapport au haut.

Puis dans les datas, il faut définir quelle valeur va sur quel axe, attention le premier axe = 0

series: [{
yAxis: 0,
data: []
},{
yAxis: 1,
data: []
},{
yAxis: 2,
data: []
},{
yAxis: 3,
data: []}]

Simple, non :roll:

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

JP54
Messages : 331
Enregistré le : 15 févr. 2014, 06:44
Localisation : JARNY Meurthe-et-Moselle (54) Région Lorraine
Contact :

Re: Multiple axes avec Highstock

Message par JP54 » 05 mai 2014, 19:11

Merci pour l'info Pierre André
Station VP2 Weatherlink 5.8.1 VP2SQL 3.0.0.17 NOAAtable 1.0.0.30 Windows 7 Pro
http://www.meteo-jarny.com/

Avatar du membre
Landéda
Messages : 35
Enregistré le : 01 avr. 2014, 01:35

Re: Multiple axes avec Highstock

Message par Landéda » 14 févr. 2016, 15:14

Bonjour à tous
Comme je redémarre j'essaye cette solution "mutiples axes"
Mais je viens de m'apercevoir que le titre original est "Multiple axes avec Highstock"
Moi j'essaye avec Highcharts
Est ce que ça vous parait possible ?
Actuellement ça donne la chose suivante : les axes des y se décalent vers la gauche, pas terrible.
Sinon la solution me plaisait bien .
Merci pour vos conseils .
Jean
Station Vantage pro
http://www.meteo-landeda.org/
Linux
WeeWX
MesoWx

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

Re: Multiple axes avec Highstock

Message par Météo Villarzel » 14 févr. 2016, 15:33

Salut,
je pense qu'ils se décalent car tes graphique se chevauchent, par exemple le deuxième graphique est à 150 px du haut, essaye mettre 160

top: 160,

ainsi de suite pour chaque graphiques,

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
Landéda
Messages : 35
Enregistré le : 01 avr. 2014, 01:35

Re: Multiple axes avec Highstock

Message par Landéda » 14 févr. 2016, 15:44

j'avais déjà essayé cette solution
Je viens de le refaire
?
Merci de chercher
Jean
Station Vantage pro
http://www.meteo-landeda.org/
Linux
WeeWX
MesoWx

Avatar du membre
Landéda
Messages : 35
Enregistré le : 01 avr. 2014, 01:35

Re: Multiple axes avec Highstock

Message par Landéda » 14 févr. 2016, 21:05

J'ai trouvé ici:
Le mot magique c'est "offset", je l'ai mis à 0 pour mes 3 axes et ça marche
Jean
Station Vantage pro
http://www.meteo-landeda.org/
Linux
WeeWX
MesoWx

Répondre