[Google Charts] ComboChart, area, stacked et line

Bonjour,

J'essaie d'utiliser l'api Google Charts sur un site Intranet en ce moment et j'ai un problème.

Je souhaite afficher un graphique avec une nombre, qui est situé dans une zone (Zone 1, Zone 2, Zone 3)
Pour faire cela, j'utilise un ComboChart (https://developers.google.com/chart/...ery/combochart) pour combiner 3 zones (Area Charts) et 1 ligne (Line Charts)

Pour voir mon code : https://jsfiddle.net/yz8e7dex/

Le problème : je ne comprend pas pourquoi la ligne n'a pas le même axe Y que mes zones. On voit que le 3ème point (nombre 25) est dans la zone entre 10 et 20. Normalement il doit être dans la zone au dessus.

Y-a-t’il une autre de manière de faire? Ais-je oublié quelque chose?

Par avance merci, j'espère que d'autres personnes ont déjà eu le même problème :/

Bonjour,

Citation:

---

...je ne comprend pas pourquoi la ligne n'a pas le même axe Y que mes zones.

---

tu utilises isStacked : true donc tes surfaces s'empile il te suffit de regarder l'axe des Y cumulé.
Ta ligne est donc bien placée à 25 de la ligne de base.

Si tu veux la faire « monter » entre la ligne 2 et 3 il te faut mettre la même valeur de hauteur pour toutes tes zones

Code:

---

1 2 3 4 5 6 7 8 9

var data = google.visualization.arrayToDataTable([ ['Date', 'Zone 1', 'Zone 2', 'Zone 3', 'Nombre'], ['23/01/2016', 10, 10, 10, 11], ['24/01/2016', 10, 10, 10, 18], ['25/01/2016', 10, 10, 10, 25], ['26/01/2016', 10, 10, 10, 5], ['27/01/2016', 10, 10, 10, 10], ['28/01/2016', 10, 10, 10, 16] ]);

---

mais est ce que tu cherches à faire ?

Bonjour,

Merci mais je souhaite garder mes différentes zones.
Par contre, j'ai essayé en retirant le "isStacked" (https://jsfiddle.net/yz8e7dex/).
Les points sont bien placés dans les bonnes zones. Tout est bon, sauf les couleurs :(
Les couleurs de zones ne correspondent pas : au lieu de bleu, orange et jaune, on a un dégradé d'orange...
Si j'arrive à mettre les bonnes couleurs de fond, j'ai plus de problème, mais j'ai l'impression que les couleurs s'additionnent

Inverse les valeurs de tes zones

Code:

---

1 2 3 4 5 6 7 8 9

var data = google.visualization.arrayToDataTable([ ['Date', 'Zone 1', 'Zone 2', 'Zone 3', 'Nombre'], ['23/01/2016', 30, 20, 10, 11], ['24/01/2016', 30, 20, 10, 18], ['25/01/2016', 30, 20, 10, 25], ['26/01/2016', 30, 20, 10, 5], ['27/01/2016', 30, 20, 10, 10], ['28/01/2016', 30, 20, 10, 16] ]);

---

C'est ce qu'on appelle "avoir la tête dans le guidon" :lol:

Merci beaucoup ! Ça fonctionne parfaitement !