自动在谷歌可视化API /标注的时间刻度线Y轴的重新定标

Question

是否有任何方式来强制标注的时间线图，当用户放大日期范围？

，自动改变在Y轴刻度

检查下面的例子，并注意，2009-10-09的值（“价格”）比其它值大大约两个幅度。当用户放大例如2009-10-01 - 2009-10-08，Y轴是不变（使图形相当无用）。有一种方法可自动调节Y轴，使得在此是示例，将范围从0到25或更多的东西合理（然后当然回当用户缩小默认值）？

例： http://jsbin.com/ifogo

示例代码（同以上链接）：

<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

尝试使用

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

谷歌的上可视化页面显示，您可以使用各种选项。