[英]Google Charts Annotated Time Line - adjust y-axis on zoom
[英]Automatic re-scaling of Y-axis in Google Visualization API / Annotated Time Line
當用戶放大一系列日期時,有沒有辦法強制注釋時間線圖自動改變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>
嘗試使用
annotatedtimeline.draw(data, {scaleType: 'maximized'});
該可視化上的Google頁面顯示了您可以使用的各種選項。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.