3

ユーザーが日付の範囲を拡大したときに、注釈付き時系列グラフの Y 軸のスケールを自動的に変更する方法はありますか?

以下の例を確認してください。2009 年 10 月 9 日の値 (「価格」) は、他の値よりも約 2 桁大きいことに注意してください。ユーザーが 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 に答える