Apex Charts

Apex chart JS

Simple HTML5 Charts using the <canvas> tag

1. Template specific vendor css files:
          
            <script src="/path/to/apexcharts.min.js"></script>
          
        
2. Template specific vendor css files:
          
            <script src="/path/to/apexcharts.css"></script>
          
        
3. Page specific vendor js file:
          
            <script src="/path/to/charts-apexcharts.js"></script>
          
        
2. Initializing:
            
                // Initializing Line Basic Chart
                var line_basic_chart = new ApexCharts(
                  document.querySelector("#line-basic-chart"),
                  lineBasicChart
                );
                line_basic_chart.render();
            
        

Refer following links for detailed documentation, configuration options, methods and examples:

Type URL
Plugin Link https://apexcharts.com/
Template Page https://pixinvent.com/modern-admin-clean-bootstrap-4-dashboard-html-template/html/ltr/vertical-menu-template/charts-apexcharts.html