谷歌图表平移缩放按钮

时间:2016-11-30 07:54:44

标签: javascript charts google-visualization zoom pan


我在谷歌图表上搜索缩放和平移按钮 像Here一样。 (也许没有选择,我必须自己开发)
我也想知道他们如何拥有动态Xmin和Xmax。这是由客户实时计算的吗?

1 个答案:

答案 0 :(得分:1)

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

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