谷歌图表平移缩放按钮

Posted 2021-04-09

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

答案

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

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