Page 1 sur 1

Multiple axes avec Highstock

Posté : 05 mai 2014, 13:43
par Météo Villarzel
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+

Re: Multiple axes avec Highstock

Posté : 05 mai 2014, 19:11
par JP54
Merci pour l'info Pierre André

Re: Multiple axes avec Highstock

Posté : 14 févr. 2016, 15:14
par Landéda
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

Re: Multiple axes avec Highstock

Posté : 14 févr. 2016, 15:33
par Météo Villarzel
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+

Re: Multiple axes avec Highstock

Posté : 14 févr. 2016, 15:44
par Landéda
j'avais déjà essayé cette solution
Je viens de le refaire
?
Merci de chercher
Jean

Re: Multiple axes avec Highstock

Posté : 14 févr. 2016, 21:05
par Landéda
J'ai trouvé ici:
Le mot magique c'est "offset", je l'ai mis à 0 pour mes 3 axes et ça marche
Jean