PHP+ajax+echarts动态折线实现

mark一下，防止回头电脑搞掉了忘记。
主要就是在一个页面中，实现动态折线实时刷新数据，要点就是在H5页面中使用echart插件，然后setInterval函数定时获取数据库数据并重新载入echarts折线（该插件本身就有自动刷新功能，主要通过setoption实现，如果option参数相同，图表无变化，如果参数改变则自动刷新，并展示补间动画）。

首先一个专门负责取数据操作的文件，getvalue.php。

 <?php
require 'config.php';
$type=$_GET['name'];
if ($type=="esp"){
   
$sql = "select Light from sensor where Dev_ID= 'esp'";
$result=mysqli_query($con,$sql);
$i = 0;
while ($rows=mysqli_fetch_assoc($result)){
   
    $i++;
    $row1[]=(integer)$rows['Light'];
    $row2[]=$i;
    }
$arr1=json_encode($row1);
$arr2=json_encode($row2);
mysqli_free_result($result);
$rows[0]=$arr1;
$rows[1]=$arr2;
echo json_encode($rows);
}
else if ($type=="arduino"){
   
$sql = "select Temp,time from sensor where Dev_ID= 'arduino'";
$result=mysqli_query($con,$sql);
while ($rows=mysqli_fetch_assoc($result)){
   
    $row1[]=(integer)$rows['Temp'];
    $row2[]=$rows['time'];
    }
$arr1=json_encode($row1);
$arr2=json_encode($row2);
mysqli_free_result($result);
$rows[0]=$arr1;
$rows[1]=$arr2;
echo json_encode($rows);