谷歌图表 - 设置资源管理器界限/间隔

我使用谷歌图表用“资源管理器”选项（参见实施例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，可以使用鼠标滚动放大图表，然后拖动以更新数据视图。

但我该如何设置边界（OX最小/最大间隔）编程？例如，当图表加载并显示时，我想显示最初的最小/最大值为500/750（假设有一个默认缩放）。

来源

2015-09-28 Andrei F

您可以设置每个轴的视图窗口。

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

来源

2015-09-28 18:22:58

[0，1000]是完整的间隔，我需要像[400,600]这样的东西。问题是，如果我设置viewWindow，我不能将视图拖到这些边界之外，它就会卡住：http://jsfiddle.net/KArng/102/ –

我不确定你可以在Google Charts中做到这一点，但你可以添加你自己的按钮来移动 - http://jsfiddle.net/KArng/106/ –

还增加了放大/缩小 - http://jsfiddle.net/KArng/107/ –

谷歌图表 - 设置资源管理器界限/间隔

回答

相关问题