Javascript 数据未显示在google条形图中
我正在尝试使用GoogleAPI显示图形。即使我在数组中得到结果,它也不会显示在图表中 这是我的密码Javascript 数据未显示在google条形图中,javascript,php,json,charts,google-visualization,Javascript,Php,Json,Charts,Google Visualization,我正在尝试使用GoogleAPI显示图形。即使我在数组中得到结果,它也不会显示在图表中 这是我的密码 <?php $query = "SELECT MONTHNAME(last_modified) as Month, SUM(before_order_line_items.total) AS Quotes, COUNT(orders.order_id) AS Qcnt FROM orders
<?php
$query = "SELECT
MONTHNAME(last_modified) as Month,
SUM(before_order_line_items.total) AS Quotes,
COUNT(orders.order_id) AS Qcnt
FROM orders
INNER JOIN before_order_line_items
ON orders.sales_order_id = before_order_line_items.sales_order_id
WHERE order.order_quote='Quote' AND orders.authorise = 'Yes'
GROUP BY MONTH(orders.last_modified)
ORDER BY YEAR(orders.last_modified)
";
$result = mysqli_query($con, $query);
while ($row = mysqli_fetch_array($result)) {
$myurl[] = "['".$row['Month']."', ".$row['Quotes'].", ".$row['Qcnt']."]";
}
?>
<script src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {
callback: drawChart,
packages: ['corechart']
});
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Month', 'Quotes', 'Counts'],
<?php
echo implode(",", $myurl);
?>
]);
var options = {
title: 'Orders',
vAxis: {
title: '',
titleTextStyle: {
color: 'red'
}
}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
<div id="chart_div" style="height: 400px;"></div>
但它并没有显示在图表中。只显示报价金额。计数的值太小 由于图表的比例,根本看不见 您可以将
“计数”
系列分配给第二个y轴
series: {
1: {
targetAxisIndex: 1
}
},
请参阅以下工作片段
google.charts.load('current'{
回调:图纸,
软件包:['corechart']
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[‘月份’、‘引号’、‘计数’],
[May',23299.00,2],
['June',23200.00,2]
]);
变量选项={
系列:{
1: {
目标指数:1,
}
},
标题:"命令",,
言辞:{
标题:“”,
titleTextStyle:{
颜色:“红色”
}
}
};
var chart=new google.visualization.ColumnChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
}
series: {
1: {
targetAxisIndex: 1
}
},