javascript - Google Charts - 设置浏览器范围/间隔

Question

我使用带有“资源管理器”选项的 Google 图表(请参阅示例 http://jsfiddle.net/KArng/101/ )来拖动/滚动以更改图表数据查看范围:

var data = new google.visualization.DataTable();
data.addColumn('number', 'X');
data.addColumn('number', 'Y');
var y = 50;
for (var i = 0; i < 1000; i++) {
        y += Math.ceil(Math.random() * 3) * Math.pow(-1, Math.floor(Math.random() * 2));
        data.addRow([i, y]);
    }

var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, {
    height: 400,
    width: 600,
    explorer: {
        axis: 'horizontal',
        keepInBounds: true,
        maxZoomIn:0.1,
        maxZoomOut:4

    },

});
}

在此示例中，OX 轴 (hAxis) 的值为 0 到 1000，并且可以使用鼠标滚动放大图表，然后拖动以更新数据 View 。

但是如何以编程方式设置界限(OX 最小/最大间隔)？例如，当加载并显示图表时，我想将初始最小/最大显示为 500/750(假设有默认缩放)。

Answer 1

您可以为每个轴设置 View 窗口。

vAxis: { 
          viewWindowMode:'explicit',
          viewWindow:{
            max:1000,
            min:0
          }
        }
hAxis: {
          viewWindowMode:'explicit',
          viewWindow:{
            max:1000,
            min:0
          }
        }