<!DOCTYPE html> <html lang="en"> <head> @@include("partials/title-meta.html", {"title": "Flot Charts"}) @@include("partials/head-css.html") </head> <body> <!-- Begin page --> <div id="wrapper"> @@include('./partials/topbar.html', {"pagetitle": "Flot Charts"}) @@include('./partials/left-sidebar.html') <!-- ============================================================== --> <!-- Start Page Content here --> <!-- ============================================================== --> <div class="content-page"> <div class="content"> <!-- Start Content--> <div class="container-fluid"> <div class="row"> <div class="col-xl-6"> <div class="card-box"> <div class="dropdown float-right"> <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false"> <i class="mdi mdi-dots-vertical"></i> </a> <div class="dropdown-menu dropdown-menu-right"> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Action</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Another action</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Something else</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Separated link</a> </div> </div> <h4 class="header-title mt-0 mb-3">Multiple Statistics</h4> <div id="website-stats" style="height: 320px;" class="flot-chart"></div> </div> </div><!-- end col--> <div class="col-xl-6"> <div class="card-box"> <div class="dropdown float-right"> <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false"> <i class="mdi mdi-dots-vertical"></i> </a> <div class="dropdown-menu dropdown-menu-right"> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Action</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Another action</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Something else</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Separated link</a> </div> </div> <h4 class="header-title mt-0 mb-3">Realtime Statistics</h4> <div id="flotRealTime" style="height: 320px;" class="flot-chart"></div> </div> </div><!-- end col--> </div> <!-- end row --> <div class="row"> <div class="col-xl-6"> <div class="card-box"> <div class="dropdown float-right"> <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false"> <i class="mdi mdi-dots-vertical"></i> </a> <div class="dropdown-menu dropdown-menu-right"> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Action</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Another action</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Something else</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Separated link</a> </div> </div> <h4 class="header-title mt-0 mb-3">Donut Pie</h4> <div id="donut-chart"> <div id="donut-chart-container" class="flot-chart" style="height: 260px;"> </div> </div> </div> </div><!-- end col--> <div class="col-xl-6"> <div class="card-box"> <div class="dropdown float-right"> <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false"> <i class="mdi mdi-dots-vertical"></i> </a> <div class="dropdown-menu dropdown-menu-right"> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Action</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Another action</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Something else</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Separated link</a> </div> </div> <h4 class="header-title mt-0 mb-3">Pie Chart</h4> <div id="pie-chart"> <div id="pie-chart-container" class="flot-chart" style="height: 260px;"> </div> </div> </div> </div><!-- end col--> </div> <!-- end row --> <div class="row"> <div class="col-lg-12"> <div class="card-box"> <div class="dropdown float-right"> <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false"> <i class="mdi mdi-dots-vertical"></i> </a> <div class="dropdown-menu dropdown-menu-right"> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Action</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Another action</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Something else</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Separated link</a> </div> </div> <h4 class="header-title mt-0 mb-3">Bar chart</h4> <div id="ordered-bars-chart" style="height: 320px;"></div> </div> </div><!-- end col--> </div> <!-- end row --> <div class="row"> <div class="col-lg-12"> <div class="card-box"> <div class="dropdown float-right"> <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false"> <i class="mdi mdi-dots-vertical"></i> </a> <div class="dropdown-menu dropdown-menu-right"> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Action</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Another action</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Something else</a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item">Separated link</a> </div> </div> <h4 class="header-title mt-0 mb-3">Combine Statistics</h4> <div id="combine-chart"> <div id="combine-chart-container" class="flot-chart" style="height: 320px;"> </div> </div> </div> </div><!-- end col--> </div> <!-- end row --> </div> <!-- container-fluid --> </div> <!-- content --> @@include('./partials/footer.html') </div> <!-- ============================================================== --> <!-- End Page content --> <!-- ============================================================== --> </div> <!-- END wrapper --> @@include('./partials/right-sidebar.html') <!-- Vendor js --> <script src="assets/js/vendor.min.js"></script> <script src="assets/libs/flot-charts/jquery.flot.js"></script> <script src="assets/libs/flot-charts/jquery.flot.time.js"></script> <script src="assets/libs/flot-charts/jquery.flot.tooltip.min.js"></script> <script src="assets/libs/flot-charts/jquery.flot.resize.js"></script> <script src="assets/libs/flot-charts/jquery.flot.pie.js"></script> <script src="assets/libs/flot-charts/jquery.flot.selection.js"></script> <script src="assets/libs/flot-charts/jquery.flot.stack.js"></script> <script src="assets/libs/flot-charts/jquery.flot.orderBars.js"></script> <script src="assets/libs/flot-charts/jquery.flot.crosshair.js"></script> <!-- init js --> <script src="assets/js/pages/flot.init.js"></script> <!-- App js --> <script src="assets/js/app.min.js"></script> </body> </html>