javascript - Google 图表平移缩放按钮

Question

我正在寻找在谷歌图表上有缩放和平移按钮。
喜欢Here 。 (也许没有选择拥有它，我必须自己开发它)
我还想知道他们是如何实现动态 Xmin 和 Xmax 的。这是客户端实时计算的吗？

Answer 1

这是放大谷歌图表的一种可能性。缩放是通过单击并向左或向右拖动鼠标来完成的。在此版本中无法进行平移(但您不需要滚轮)。

explorer: { 
        actions: ['dragToZoom', 'rightClickToReset'],
        axis: 'horizontal',
        keepInBounds: true,
        maxZoomIn: 4.0
}

如果你想尝试一下，请看这里:https://jsfiddle.net/4w626v2s/2/

<小时/>

另一种可能性如下。这里你需要一个鼠标滚轮来放大图表。缩放后，您可以单击并拖动以在图表内平移。

explorer: {
        axis: 'horizontal',
        keepInBounds: true,
        maxZoomIn: 4.0
}

在这里您可以测试它:https://jsfiddle.net/5h7jxqq8/2/

另请参阅here