Tele chart

Demos:

• https://muiota.github.io/TeleChart/
• https://muiota.github.io/TeleChart/demos/swiper/index.html
• https://muiota.github.io/TeleChart/demos/bigdata/index.html
• https://muiota.github.io/TeleChart/demos/edit/index.html

Features:

• Pure js (without css)
• ES5 only (compatible with old browsers)
• Small size (11kB "~5kB gZip")
• Advanced navigation/zoom (Vertical/horizontal)
• Smart axes labels
• Day/night switch
• High resolution (fix blur, retina support)
• Switch series
• Mobile touches support
• Material design animations (smooth)
• Tooltip legend
• Out of range highlighting
• Resizible container
• Transparent background for wallpapers

Getting Started With Tele chart:

• First of all we need to download telechart.min.js
• Include Tele chart file To Website/App
• Initialize Tele chart

var tc = new TeleChart(id,          //div container id
    {
        startAxisAtZero: {Boolean}, //Start axis-Y at zero, if false will auto calculated (default true)
        withYearLabel: {Boolean},   //Year in timestamp legend label (default false)
        scrollDisabled: {Boolean},  //Disable scroll in selection window, navigator only (default false)
        lineWidth: {Number},         //Line width in selection window (default 3)
        showTouches: {Boolean},       //Show positions of touch on navigator (default true)
        showBounds: {Boolean}        //Chart highlights when out of range bounds (default true) (default 3)
    });
tc.draw(data);  

Road map:

• Area, bar, pie type of series
• Performance, minimize & fixes

 - Click on selection in desktop
 - Ramer–Douglas–Peucker algorithm when animate
 - Tooltip in DOM
 - Change text animation
 - Svg to outer files
 - Css to outer file
 
 - split axis object
 - congig colors
 - config use first axis only, and 
 
 video 1
  - label on top (name "Followers" and range "1 April 2019 - 30 April 2019")
  - zoom in 168-hour timeline
  - zoom in navigator 
  - zoom out
  
 video 2
  -   
 
 - stacked bar type
 - Zoom in and zoom out
 - Label on top
 

 - 

Desktop:

Mobile: