javascript - Morris line chart with php query data -


i'm developping curve through database data works great bu i'm having problem refreshing data dynamically, each time new value inserted in table want load automatically without refreshing page.

here index.php file : 

     <!doctype html >     <html lang="en" >     <head>     <title> line chart </title>     <meta charset="utf-8" >     <link href="css/style.css" rel="stylesheet" type="text/css" />     <link rel="stylesheet" href="/css/timeout.css" />      <link href="http://cdn.oesmith.co.uk/morris-0.4.1.min.css" rel="stylesheet" />      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>      <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>      <script src="http://cdn.oesmith.co.uk/morris-0.4.1.min.js"></script>      </head>     <body>     <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>     <div id="output">     <div class="container">         <div id="morris-line-chart" class="results"></div>     </div>     </div>     <?php          include 'data.php';        }      ?> <script>      morris.line({         // id of element in draw chart.         element: 'morris-line-chart',          // chart data records -- each entry in array corresponds point         // on chart.         data: <?php echo $rows; ?>,          // name of data record attribute contains x-values.         xkey: 'cron_time',          // list of names of data record attributes contain y-values.         ykeys: ['images_processed'],          // labels ykeys -- displayed when hover on         // chart.         labels: ['température'],          linecolors: ['#0b62a4'],         xlabels: 'hour',          // disables line smoothing         smooth: true,         resize: true     });       </script>  </body> </html>

and page data.php: 

<?php $rows = '['; //database define('db_host', 'localhost'); define('db_username', 'root'); define('db_password', ''); define('db_name', 'test');  //get connection $con = new mysqli(db_host, db_username, db_password, db_name);  $query = "select * cron order id desc limit 0, 20"; $i=-1; $result = mysqli_query($con,$query); $total =  $result->num_rows; foreach($con->query($query)as $p){ $i++; $id = $p['id']; $time = $p['cron_time']; $image = $p['images_processed']; if($i+1 == $total){  $rows = $rows.'{"id":"'.$id.'","cron_time":"'.$time.'","images_processed":"'.$image.'"}';  }else{   $rows = $rows.'{"id":"'.$id.'","cron_time":"'.$time.'","images_processed":"'.$image.'"},'; } } $rows= $rows.']'; //echo $rows; //$final = json_encode($result,fetch_assoc); //echo $rows; ?>

any help?????


Comments

Post a Comment

Popular posts from this blog

php - How to add and update images or image url in Volusion using Volusion API -

actually have store importing products store product data insert , update image or image url not insert , update. this xml code name datapro.txt. <products_joined> <productcode>3710_012t</productcode> <vendor_partno>eah5450silent/di/1gd3(lp)</vendor_partno> <productname>test product ta</productname> <hideproduct>n</hideproduct> <stockstatus>20</stockstatus> <lastmodified>1/5/2016 10:25:00 am</lastmodified> <lastmodby>2</lastmodby> <productweight>0.9</productweight> <productprice>100</productprice> <productmanufacturer>asus tek</productmanufacturer> <vendor_price>32.69</vendor_price> <numproductssharingstock>0</numproductssharingstock> <categoryids>107</categoryids> <producturl>http://tebkq.mvlce.servertrust.com/productdetails.asp?productcode=3710_012t</producturl>
Read more

javascript - IE9 error '$'is not defined -

Image
<!--[if lte ie 9]><html class="lte9"><![endif]--><!--[if gt ie 9]><html><![endif]--> <!--[if !ie]><!--> <html> <!--<![endif]--> blah blah <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="{{ asset('js/mypage.js') }}" type="text/javascript"></script> </body> </html> when load page, ie9 brings error '$' not defined . how can solve error? +++ mypage.js $(function(){ //when load page, //ie9 tag not moving. $(window).load(function() { $('div.mask').hide(); }); // when click , willshow show. //for not ie 9 if (!$('html').hasclass('lte9')) { var = $('ul.about > li > span.activebtn');
Read more