Re-mise à l'échelle de l'axe Y dans Google API de visualisation / temps annotés Ligne
-
20-09-2019 - |
Question
Y at-il moyen de forcer le graphique Temps annotés ligne pour modifier automatiquement l'échelle sur l'axe Y lorsque l'utilisateur effectue un zoom avant sur une plage de dates?
Vérifier exemple ci-dessous, et notez que la valeur ( « prix ») pour 2009-10-09 est d'environ deux grandeurs plus grandes que les autres valeurs. Lorsque l'utilisateur effectue un zoom avant sur, par exemple 01.10.2009 - 08.10.2009, l'axe des Y est inchangée (rend le graphique assez inutile). Est-il un moyen de rééchelonner automatiquement l'axe Y de sorte que dans c'est par exemple, il serait de 0 à 25 ou quelque chose de plus raisonnable (et bien sûr revenir à la valeur par défaut lorsque l'utilisateur effectue un zoom arrière)?
Exemple: http://jsbin.com/ifogo
Exemple de code (le même que dans la liaison ci-dessus):
<script src="http://www.google.com/jsapi"></script>
<div id="visualization" style="width: 800px; height: 400px;"></div>
<script>
google.load('visualization', '1', {packages: ['annotatedtimeline' ]});
function drawVisualization() {
var data = new google.visualization.DataTable({
cols: [{label: 'Date', type: 'date'}, {label: 'Price', type: 'number'}],
rows: [
{ c:[{v: new Date(2009, 10, 1) }, {v: 11 }]},
{ c:[{v: new Date(2009, 10, 2) }, {v: 12 }]},
{ c:[{v: new Date(2009, 10, 3) }, {v: 13 }]},
{ c:[{v: new Date(2009, 10, 4) }, {v: 11 }]},
{ c:[{v: new Date(2009, 10, 5) }, {v: 10 }]},
{ c:[{v: new Date(2009, 10, 6) }, {v: 16 }]},
{ c:[{v: new Date(2009, 10, 7) }, {v: 22 }]},
{ c:[{v: new Date(2009, 10, 8) }, {v: 12 }]},
{ c:[{v: new Date(2009, 10, 9) }, {v: 999 }]},
]},0.6);
var annotatedtimeline = new google.visualization.AnnotatedTimeLine(document.getElementById('visualization'));
annotatedtimeline.draw(data);
}
google.setOnLoadCallback(drawVisualization);
</script>
La solution
Essayez d'utiliser
annotatedtimeline.draw(data, {scaleType: 'maximized'});
La page de Google sur cette visualisation montre les différentes options que vous pouvez utiliser.