Multiple axes avec Highstock
Posté : 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
A+
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
A+