PHP com MYSQL e Grafico de linha (Chart)

Boa noite pessoal,

estou montando um grafico em tempo real de dados que sao inseridos em uma tabela MYSQL...

Estou com dificuldades de colocar as variaveis do banco de dados em um grafico de linha em javascript ou qualquer outro grafico, desde que seja um grafico de linha que eu consiga atualizar a cada 30 segundos automaticamente com o refresh da pagina (ou refresh do grafico).

Alguem pode me ajudar por favor?

Segue os campos da minha tabela, e o tipo de grafico que preciso criar:

	mysql> select * from tempdat;

	+-----+------------+----------+-----------+-------------+---------+----------------------------+

	| id  | tdate      | ttime    | zone      | temperatura | umidade | image                      |

	+-----+------------+----------+-----------+-------------+---------+----------------------------+

	|   7 | 2017-04-22 | 00:00:07 | principal |          24 |      45 | photo-21-04-2017.23.59.jpg |

	|   8 | 2017-04-22 | 00:10:03 | principal |          24 |      45 | photo-22-04-2017.00.09.jpg |

	|   9 | 2017-04-22 | 00:20:10 | principal |          24 |      44 | photo-22-04-2017.00.19.jpg |

	|  10 | 2017-04-22 | 00:30:03 | principal |          24 |      46 | photo-22-04-2017.00.29.jpg |

	|  11 | 2017-04-22 | 00:40:02 | principal |          24 |      44 | photo-22-04-2017.00.39.jpg |

	|  12 | 2017-04-22 | 00:50:02 | principal |          24 |      45 | photo-22-04-2017.00.49.jpg |

	|  13 | 2017-04-22 | 01:00:02 | principal |          24 |      45 | photo-22-04-2017.00.59.jpg |

	|  14 | 2017-04-22 | 01:10:04 | principal |          24 |      46 | photo-22-04-2017.01.09.jpg |

	|  15 | 2017-04-22 | 01:20:02 | principal |          26 |      43 | photo-22-04-2017.01.19.jpg |

	|  16 | 2017-04-22 | 01:30:02 | principal |          25 |      44 | photo-22-04-2017.01.29.jpg |

	os dados de data, tempo (hora), temperatura e umidade preciso incluir em um grafico em uma pagina php onde seja atualizado a cada 30s ou 1 min. (na tabela os dados sao incluidos a cada 10min por enquanto).

	Com a pagina abaixo eu consigo imprimir todos esses dados da tabela em uma pagina, utilizando comandos php e mysql... agora como posso colocar isso em um grafico json, javascript ou qualquer um que funcione? alguem pode me ajudar por favor??? ja tentei diversos graficos em javascript e json mas quando tento incluir as variaveis em php tenho problemas, nao estou conseguindo. 

	 

	$host="localhost";

	$username="monitor";

	$password="password";

	$db_name="temps";

	$tbl_name="tempdat";

	mysql_connect("$host", "$username", "$password") or die("cannot connect");

	mysql_select_db("$db_name")or die("cannot select DB");

	$pagina=(isset($_GET['pagina']))? $_GET['pagina'] : 1;

	$sql="SELECT * FROM $tbl_name ORDER BY tdate DESC, ttime DESC";

	$data=mysql_query($sql);

	$total=mysql_num_rows($data);

	$registros=10;

	$numPaginas=ceil($total/$registros);

	$inicio = ($registros*$pagina)-$registros;

	$cmd="SELECT * FROM $tbl_name ORDER BY tdate DESC, ttime DESC limit $inicio,$registros";

	$data=mysql_query($cmd);

	$total=mysql_num_rows($data);

	while($row = mysql_fetch_array($data)){

	  echo "<tr><td align=center> ";

	  echo $row['tdate'] . " </td><td align=center> " . $row['ttime'] . " </td><td align=center> " . 

	       $row['temperatura'] . " </td><td align=center> " . $row['umidade'] . " </td><td align=center><a onclick=popupCenter('/camera/" . $row['image'] . "','myPop1','450','450'); href=javascript:void(0);><img src=/camera/" . $row['image'] . " width=60 height=60></a></td>";

	  echo "</td></tr>";

	}

	  echo "</table>"; 

	  echo "<p>";

	    for($i = 1; $i < $numPaginas + 1; $i++) {

	        echo "<font size=2 face=Arial><a href='dados_grafico.php?pagina=$i'>".$i."</a></font> ";

	    }

	echo "</center>";

	mysql_close();

	?>

	Obrigado desde já pessoal!

	Abraços!!