【问题标题】:Google Chart Pan Zoom Buttons谷歌图表平移缩放按钮
【发布时间】:2016-11-30 07:54:44
【问题描述】:


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

【问题讨论】:

  • 查看explorer的配置选项——该选项不添加任何按钮,但允许用户缩放和平移...

标签: javascript charts google-visualization zooming pan


【解决方案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

【讨论】:

  • 以上两个选项在 android WebView 中都不起作用。请帮助我如何在 android Webview 中缩放和滚动图表。@Michael
  • 如果小提琴不能在您的 Android 设备上运行,可能取决于您的浏览器。尝试其他浏览器。基本上,您拥有哪种操作系统并不重要。
  • 我不认为这是浏览器问题.. 因为在移动浏览器中没有右键单击重置缩放或拖动缩放例如:actions: ['dragToZoom', 'rightClickToReset ']
  • 在触摸环境(例如手机)中,可以通过触摸显示屏上的一个点超过 1 秒(“长按”)来执行右键单击。这就是重置的工作方式。
  • 如何放大移动设备?,Zoom 也不起作用.. @Michael
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多