Redimensionnement automatique de l'axe Y dans l'API Google Visualization/Ligne de temps annotée

Question

Existe-t-il un moyen de forcer le graphique Annotated Time Line à changer automatiquement d'échelle sur l'axe Y lorsque l'utilisateur effectue un zoom sur une plage de dates?

Vérifiez l'exemple ci-dessous et notez que la valeur («prix») pour 2009-10-09 est environ deux fois plus grande que les autres valeurs. Lorsque l'utilisateur zoome sur, par exemple, 2009-10-01 - 2009-10-08, l'axe des Y est inchangé (rendant le graphique plutôt inutile). Y a-t-il un moyen de redimensionner automatiquement l'axe Y de sorte que dans cet 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 (comme dans le lien 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> 

Answer 1

Essayez d'utiliser

annotatedtimeline.draw(data, {scaleType: 'maximized'}); 

la page de Google sur cette visualisation montre les différentes options que vous pouvez utiliser.