- Site Template
- WordPress Theme
- Blogging Theme
- CMS Theme
- Marketing Template
- eCommerce Theme
- Forum Theme
- Flash Template
- PSD Web Template
- .NET Script
- PHP Script
- HTML5 Code
- CSS Style
- Edge Animate Template
- Muse Template
- TypeEngine Theme
- Static Site Generator
- Sketch Template
CodeCanyon Google Chart Scroller Zoomer 71423
Chart \ Zooming \ Scrolling \ Google \ Dynamic
Create your own Google Chart and this jQuery plugin will transform it into a zoomable scrollable chart!
It’s as easy as this.
It creates a smaller chart that is not zoomed-in below. Then, using your mouse, you can zoom in and scroll across the x axis.
You can even pass in a date range for the x axis and it will create the x axis labels for you. That’s something that the Google Chart API doesn’t provide you. Then, you can also pass in a date just like you do in PHP to get the labels formatted just the way you want.
There is also a function that is provided for you so that you can have links that change the currently zoomed-in range.
You have complete control over the styles and colors. The Google Chart API allows you to customize any colors, fonts, etc. in the graphs and every generated HTML element has a class applied for easy CSS styling (it only generates 9 elements).
Here is a list of the options that you can (optionally) pass in.
- The height of the lower scrolling chart
- Any additional Google Chart variables that you want to be applied to the lower chart and not to the upper chart
- The x axis minimum and maximum range (date or number)
- The default zoomed-in minimum and maximum range (date or number)
- The number of labels you want to show on the lower chart’s x axis
- The format for any dates in the axis labels
- An onChange() callback function that will get called when the user changes the zoomed-in range
- An onDrag() callback function that will be called as the user drags/resizes the zoomed-in range
Note: this plugin only works with Google Chart type “lc”
Keywords: dynamic chart, google chart, scrolling, zooming.
Android, Builder, Business, Clean, Corporate, Creative, Design, Ecommerce, Email, Fashion, Gallery, Image, Iphone, Jquery, Landing, Magazine, Magento, Marketing, Minimal, Mobile, Modern, Multi, Multipurpose, Online, Parallax, Personal, Photography, Plugin, Portfolio, Product, Responsive, Simple, Slider, Social, Store, Template, Theme, Video, Woocommerce, Wordpress
Show all tags
Show all tags
- ThemeForest The Wedding Date Responsive Wedding HTML Template 19727160
- ThemeForest Olympus Responsive Coming Soon Template 19726941
- ThemeForest Leo Whale Responsive Prestashop 1.7 Theme 19647898
- ThemeForest Creativity Corporate HTML Template 19692452
- ThemeForest TaxiPark Taxi Service Company HTML5 Template 19724774
- ThemeForest Camembert Wine Restaurant & Cheese Shop PSD Template 19264865
- ThemeForest YESSHOP Drag & Drop Dynamic Responsive Shopify Theme Ultimate Fashion Supermarket Minimal 19726165
- ThemeForest Corazon Multi Concept Environment Charity Green Energy Nonprofit PSD Template 19535858
- ThemeForest Magnettheme Business One Page PSD Template 19587780
- ThemeForest Thebear Shopify Theme 19722868