从mysql检索数据到我的google堆叠图表脚本
我有“projecttask”表及其下面的数据从mysql检索数据到我的google堆叠图表脚本,mysql,google-visualization,stacked,Mysql,Google Visualization,Stacked,我有“projecttask”表及其下面的数据 mysql> select projecttaskid,projecttaskname,projecttask_no,projecttaskstatus from vtiger_projecttask; +---------------+------------------------+----------------+-------------------+ | projecttaskid | projecttaskname
mysql> select projecttaskid,projecttaskname,projecttask_no,projecttaskstatus from vtiger_projecttask;
+---------------+------------------------+----------------+-------------------+
| projecttaskid | projecttaskname | projecttask_no | projecttaskstatus |
+---------------+------------------------+----------------+-------------------+
| 3 | A BLOCK BASEMENT FLOOR | PT1 | Completed |
| 5 | A BLOCK GROUND FLOOR | PT2 | Completed |
| 6 | A BLOCK FIRST FLOOR | PT3 | |
| 7 | A BLOCK SECOND FLOOR | PT4 | Completed |
| 8 | A BLOCK THIRD FLOOR | PT5 | Completed |
| 9 | A BLOCK FOURTH FLOOR | PT6 | In Progress |
| 10 | A BLOCK FIFTH FLOOR | PT7 | In Progress |
| 11 | A BLOCK SIXTH FLOOR | PT8 | Open |
| 12 | A BLOCK SEVENTH FLOOR | PT9 | Open |
| 13 | A BLOCK TARRACE FLOOR | PT10 | Completed |
| 19 | A BLOCK STRUCTURE | PT11 | |
+---------------+------------------------+----------------+-------------------+
一旦项目完成,我们应该得到谷歌图表的“1”数据。如果有任何其他状态,则应在我的图表脚本中将其设置为“0”。图表脚本如下所示:
<script type="text/javascript" src="https://www.google.com/jsapi"> </script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
var dataSet = [
['Date','1st Floor', '2nd Floor', '3rd Floor', '4th Floor', '5th Floor', '6th Floor', '7th Floor', 'Tarrace Floor'],
['A Block', 1, 1, 1, 0, 0, 0, 0, 0],
['B Block', 1, 1, 1, 1, 1, 1, 1, 1],
['C Block', 1, 1, 1, 1, 1, 1, 1, 1],
['D Block', 1, 1, 1, 1, 1, 1, 1, 1],
['E Block', 1, 1, 0, 0, 0, 0, 0, 0],
['F Block', 1, 1, 0, 0, 0, 0, 0, 0],
];
// The first chart
google.setOnLoadCallback(drawChart1);
function drawChart1() {
var data = google.visualization.arrayToDataTable( dataSet );
var options = {
title: 'Stacked histogram\nTotals',
vAxis: {title: 'Total Floors', maxValue: 8}, // sets the maximum value
backgroundColor: {strokeWidth: 2 }, // to draw a nice box all around the chart
isStacked: 'true' // = rowstacked in gnuplot
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div1'));
chart.draw(data, options);
一旦1层楼完工,图表自动上升1。您可以在URL中看到的输出这可能会有帮助-->您好,我已经尝试过,但无法实现这一点。请任何人帮忙
var dataSet = [
['Date','1st Floor', '2nd Floor', '3rd Floor', '4th Floor', '5th Floor', '6th Floor', '7th Floor', 'Tarrace Floor'],
['A Block', 1, 1, 1, 0, 0, 0, 0, 0],
['B Block', 1, 1, 1, 1, 1, 1, 1, 1],
['C Block', 1, 1, 1, 1, 1, 1, 1, 1],
['D Block', 1, 1, 1, 1, 1, 1, 1, 1],
['E Block', 1, 1, 0, 0, 0, 0, 0, 0],
['F Block', 1, 1, 0, 0, 0, 0, 0, 0],
];