从mysql检索数据到我的google堆叠图表脚本

从mysql检索数据到我的google堆叠图表脚本,mysql,google-visualization,stacked,Mysql,Google Visualization,Stacked,我有“projecttask”表及其下面的数据 mysql> select projecttaskid,projecttaskname,projecttask_no,projecttaskstatus from vtiger_projecttask; +---------------+------------------------+----------------+-------------------+ | projecttaskid | projecttaskname

我有“projecttask”表及其下面的数据

 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],
    ];