javascript-Google Visualization API /带注释的时间轴中的Y轴自动重新缩放

2019-10-24 10:33:41 阅读：165 来源： 互联网

标签：google-visualization google-ajax-libraries javascript

当用户放大日期范围时,是否有任何方法可以强制带注释的时间线图自动更改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页面显示了您可以使用的各种选项.

标签：google-visualization,google-ajax-libraries,javascript
来源： https://codeday.me/bug/20191024/1920069.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript-Google Visualization API /带注释的时间轴中的Y轴自动重新缩放