Viewing: report_chart.php
<?php require_once('configuration/configuration.php'); $oComman = new CommonClass(); $oGeneral = new GeneralClass(); $oProduct = new ProductClass(); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Manage Customer : Performance Application Testing Online</title> <?php include("includes/header.php"); ?> <!-- ##### End Nav Bar ##### --> <div class="container"> <!--For slides--> <img src="img/register-banner.png" style="width:100%" > <!--End of slides--> </div> <div class="container text-center" id="easycont"> <div class="row"> <!-- ##### R Side Bar ##### --> <div class="col-md-12 text-left"><br> <br> <br> <div class="col-md-6 text-left"> <script src="https://www.amcharts.com/lib/3/amcharts.js"></script> <script src="https://www.amcharts.com/lib/3/pie.js"></script> <script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script> <link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" /> <script src="https://www.amcharts.com/lib/3/themes/light.js"></script> <div id="chartdiv"></div> <style> #chartdiv { width: 100%; height: 300px; } </style> <script> var chart = AmCharts.makeChart( "chartdiv", { "type": "pie", "theme": "light", "dataProvider": [ { "country": "Lithuania", "litres": 501.9 }, { "country": "Czech Republic", "litres": 301.9 }, { "country": "Ireland", "litres": 201.1 }, { "country": "Germany", "litres": 165.8 }, { "country": "Australia", "litres": 139.9 }, { "country": "Austria", "litres": 128.3 }, { "country": "UK", "litres": 99 }, { "country": "Belgium", "litres": 60 }, { "country": "The Netherlands", "litres": 50 } ], "valueField": "litres", "titleField": "country", "balloon":{ "fixedPosition":true }, "export": { "enabled": true } } ); </script> </div> <div class="col-md-6 text-left"> <script src="https://www.amcharts.com/lib/3/amcharts.js"></script> <script src="https://www.amcharts.com/lib/3/serial.js"></script> <script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script> <link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" /> <script src="https://www.amcharts.com/lib/3/themes/light.js"></script> <div id="chartdiv2"></div> <style> #chartdiv2 { width: 100%; height: 300px; } </style> <script> var chartData = [ { "country": "USA", "visits": 4025, "color": "#FF0F00" }, { "country": "China", "visits": 1882, "color": "#FF6600" }, { "country": "Japan", "visits": 1809, "color": "#FF9E01" }, { "country": "Germany", "visits": 1322, "color": "#FCD202" }, { "country": "UK", "visits": 1122, "color": "#F8FF01" }, { "country": "France", "visits": 1114, "color": "#B0DE09" }, { "country": "India", "visits": 984, "color": "#04D215" }, { "country": "Spain", "visits": 711, "color": "#0D8ECF" }, { "country": "Netherlands", "visits": 665, "color": "#0D52D1" }, { "country": "Russia", "visits": 580, "color": "#2A0CD0" }, { "country": "South Korea", "visits": 443, "color": "#8A0CCF" }, { "country": "Canada", "visits": 441, "color": "#CD0D74" }, { "country": "Brazil", "visits": 395, "color": "#754DEB" }, { "country": "Italy", "visits": 386, "color": "#DDDDDD" }, { "country": "Australia", "visits": 384, "color": "#999999" }, { "country": "Taiwan", "visits": 338, "color": "#333333" }, { "country": "Poland", "visits": 328, "color": "#000000" } ]; var chart = AmCharts.makeChart( "chartdiv2", { "theme": "light", "type": "serial", "dataProvider": chartData, "categoryField": "country", "depth3D": 20, "angle": 30, "categoryAxis": { "labelRotation": 90, "gridPosition": "start" }, "valueAxes": [ { "title": "Visitors" } ], "graphs": [ { "valueField": "visits", "colorField": "color", "type": "column", "lineAlpha": 0.1, "fillAlphas": 1 } ], "chartCursor": { "cursorAlpha": 0, "zoomable": false, "categoryBalloonEnabled": false }, "export": { "enabled": true } } ); </script> </div> = </div> <!-- ##### R Side Bar ##### --> </div> </div> <?php include("includes/footer.php"); ?> <!--<link rel="stylesheet" href="cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/css/bootstrapValidator.min.css"/> </script><script src="js/inputform.js"></script> <script type="text/javascript" src="cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.min.js"></script>--> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( "#datepicker" ).datepicker(); $(document).ready(function () { setTimeout(function(){ $('.remove').fadeIn(1000); }, 5000); $( ".jupdate" ).click(function() { var data_id =$(this).attr('data_id'); var data_status =$(this).attr('data_status'); var txt=$(this).text(); if(txt.indexOf("Disapprove")>= 0){ $(this).html('<span class="label label-success">Approved</span>'); data_status=0; var status="Approved"; } else { $(this).html('<span class="label label-danger">Disapprove</span>'); data_status=1; var status="Disapprove"; } //alert(data_status); $.post( "manage_customer.php", { data_id: data_id, data_status: data_status }) .done(function( data ) { alert( "Customer Status " + status ); }); }); }); </script> </body> </html>
Return