Как построить данные из msyql с помощью Google диаграммы в WordPress

Question

Я боролся с добавлением

google chart с моим собственным mysql данные к моему wordpress страница

Когда я использую этот код в простом html форма. Работает просто отлично: http://fiber.web.tuke.sk/mon/x.php

Когда я использую в wordpress - Я никогда не получаю это работает!!

Вот мой код:

<?php
 $con = mysqli_connect('100.100.25.100','user','Pass123#','pi2w_station');

?>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
 google.load("visualization", "1", {packages:["corechart"]});
 google.setOnLoadCallback(drawChart);

 function drawChart() {
 var data = google.visualization.arrayToDataTable([
 ['Date', 'Visits'],

<?php
 $query = "select  TimeStamp,temp_bmp180 from pi2w_attributes order by TimeStamp DESC LIMIT 100";

 $exec = mysqli_query($con,$query);
 while($row = mysqli_fetch_array($exec)){

 echo "['".$row['TimeStamp']."',".$row['temp_bmp180']."],";
 }
 ?>

 ]);

var options = {
 title: 'Date wise visits'
 };


var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
//var chart = new google.visualization.ColumnChart(document.getElementById("columnchart"));
//<div id="columnchart" style="width: 900px; height: 500px;"></div>
chart.draw(data, options);
 }

 </script>

<div id="curve_chart" style="width: 900px; height: 500px"></div>