3

当用户放大一系列日期时，有没有办法强制带注释的时间线图自动更改 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>
4

1 回答 1

5

尝试使用

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

Google 在该可视化上的页面显示了您可以使用的各种选项。

于 2009-12-24T15:31:30.137 回答