WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Ratings and Charts

Google Chart Scroller/Zoomer

— 添加到WorldWideScripts.net

@zhcn1wws订阅我们的饲料,以保持最新

新!跟随我们,你想要它


Google Chart Scroller/Zoomer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

创建您自己的谷歌图和这个jQuery插件将它改造成一个可缩放的滚动图表!

它是那么容易,因为这样的:

 $('#图')gChartScroller(); 

它创建未放大的下方小图。 然后,用你的鼠标,你可以放大和通过X轴滚动。

你甚至可以传递一个日期范围X轴,它会为你创建x轴标签。 这件事情,谷歌图表API不提供你。 然后,你还可以传递一个日期,就像你在PHP做的就是格式化的只是你想要的方式的标签。

此外,还有提供给你,让你可以有改变当前放大的范围链接功能:

 $('#图')gChartSet(startx的,endX)。 

您可以在款式和颜色的完全控制。 该谷歌图表API允许您自定义的颜色,字体等,在图形和每一个生成的HTML元素应用,方便CSS样式类(只产生9个元素)。

下面是一些你可以(可选)在传递选项列表:

  • 下滚动图表的高度
  • 你所需的任何其他谷歌图的变量被应用到较低的图表,而不是图表上半
  • x轴的最小和最大范围(日期或数字)
  • 默认放大的最小和最大范围(日期或数字)
  • 标签的数量要显示在图表下半部分的x轴
  • 在轴标签的任何日期的格式
  • 一个onchange()回调函数将被调用,当用户改变了放大的范围
  • 用户拖动/将被称为ondrag当()回调函数调整其大小放大的范围
  • 缓慢下降到只显示图表,如果不支持JavaScript

注:此插件只能与谷歌图表类型“LC”


下载
此类别中的其他组成部分这个作者的所有组件
评论常见问题和答案

属性

创建:
09年11月22日

最后更新:
09年11月22日

兼容的浏览器:
IE6,IE7,IE8,IE9,火狐,Safari,歌剧,铬

包括文件:
JavaScript的JS

软件版本:
jQuery的

关键字

电子商务, 电子商务, 所有项目, 动态图, 谷歌图, 滚动, 缩放