Javascript 无法纠正php的语法错误_Javascript_Php_Wordpress_Google Visualization

Javascript 无法纠正php的语法错误

javascript php wordpress google-visualization

Javascript 无法纠正php的语法错误,javascript,php,wordpress,google-visualization,Javascript,Php,Wordpress,Google Visualization,我正在使用谷歌图表，发现语法错误意外标记{ <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); fun

我正在使用谷歌图表，发现语法错误

意外标记{

<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>


load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
['name'，'score']，
]);
变量选项={
标题：“日期访问”
};
var chart=new google.visualization.ColumnChart（document.getElementById（“ColumnChart”）；
图表绘制（数据、选项）；
}

上面的代码是创建柱状图的基本语法。请查看“var data=google.visualization.arrayToDataTable”（[”后面的值。这一个有静态值。但是为了显示统计数据，我们需要使用php从数据库中动态加载这些值

<body>
<h3>Column Chart</h3>
<div id="columnchart" style="width: 900px; height: 500px;"></div>
</body>


柱状图

错误[！[enter image description here][1][1]

从代码中删除

var\u 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"]
      ]);

从代码中删除

var\u 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"]
      ]);

@Armin我已经编辑了你现在可以查看我的代码了你可以在运行脚本后添加生成的代码吗？@Armin我已经发布了我的屏幕截图，我的意思是你的js生成的代码。当你转到“查看源代码”时生成的js是什么？如果不查看呈现的Javascript，几乎不可能对此进行调试。不过，作为一般建议：如果您的值可以是有效的JSON结构，请使用PHP构建该结构，并在其上调用

JSON\u encode

。这将更可靠地生成有效的Javascript。@Armin我编辑过，您可以查看现在可以在我的代码中添加您运行脚本后生成的代码吗？@Armin我已经发布了我的截图alsoI是指您的js生成代码。当您转到“查看源代码”时生成的js是什么？如果不查看呈现的Javascript，几乎不可能对此进行调试。不过，作为一般建议：如果您的值可以是有效的JSON结构，请在PHP中构建该结构，并在其上调用

JSON\u encode

。这将更可靠地生成有效的Javascript。如何为每个值添加颜色ck更新的解释它只是将分数显示为图例…如何添加图例…谢谢你的回答我不确定你的意思。但无论如何，我建议更新此问题，或者如果你有更多问题，请询问新问题。否则，我们可能会对你的问题给出错误的答案，或者给出一个提供更多信息的答案但是人们不会看到它，因为这个问题没有要求它。如何给每一个问题添加颜色检查更新的解释它只是将分数显示为图例…如何添加图例…谢谢你的回答我不知道你的意思。但是无论如何，我建议更新这个问题，或者如果你有更多的问题，请问一个新的问题herwise我们可能会对你的问题给出不正确的答案，或者给出一个提供更多信息的答案，但人们不会看到，因为这个问题没有要求答案。