Echarts

ECharts is a free, powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly customizable charts to your commercial products.

1. Initialize the plugin by referencing the necessary files:
                    
                        <script src="echarts.min.js"></script>
                    
                
2. HTML Markup.
                    
                        <div id="chart-echart" class="height-400"></div>
                    
                
3. Basic usage may look something like this.
                    
                        // Initialization
                        var myChart = echarts.init(document.getElementById('chart-echart'));
                        // Chart options
                        var option = {
                            ....................
                        };
                        myChart.setOption(option);
                    
                

Refer more chart configuration options from here

Refer following links for detailed documentation, methods and examples:

Type URL
Plugin Link http://echarts.apache.org
Github Page https://github.com/apache/incubator-echarts
Template Page https://pixinvent.com/demo/vuexy-html-bootstrap-admin-template/html/ltr/vertical-menu-template/chart-echarts.html