Я использую диаграммы Google, обнаружил синтаксическую ошибку
Неожиданный маркер {
<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([
['name', 'score'],
<?php
global $wpdb;
$query = $wpdb->get_results("select t2.name, count(t1.id) as score from wp3_wpsp_custom_status as t2 left join wp3_wpsp_ticket as t1 on t2.name = t1.status group by t2.name");
var_dump($query);
foreach($query as $row){
$object_array =(array)$row;
echo "['".$object_array['name']."',".$object_array['score']."],";
}
?>
]);
var options = {
title: 'Date wise visits'
};
var chart = new google.visualization.ColumnChart(document.getElementById("columnchart"));
chart.draw(data, options);
}
</script>
Приведенный выше код является основным синтаксисом для создания столбчатой диаграммы. Посмотрите на значения после «var data = google.visualization.arrayToDataTable ([». У этого есть статические значения. Но чтобы показать нашу статистику, нам нужно динамически загрузить эти значения из нашей базы данных с помощью php.
<body>
<h3>Column Chart</h3>
<div id="columnchart" style="width: 900px; height: 500px;"></div>
</body>
Ошибка [! [Введите описание изображения здесь] [1]] [1]
Удалить var_dump($query)
из вашего кода.
Чтобы добавить цвет, добавьте третий параметр. Пример с их сайта:
var data = google.visualization.arrayToDataTable([
["Element", "Density", { role: "style" } ],
["Copper", 8.94, "#b87333"],
["Silver", 10.49, "silver"],
["Gold", 19.30, "gold"],
["Platinum", 21.45, "color: #e5e4e2"]
]);
Других решений пока нет …