如何将我的数据库放入 Google 折线图中？答案

【问题标题】：How can I put in my Database in a Google Line chart?如何将我的数据库放入 Google 折线图中？
【发布时间】：2013-06-14 09:00:46
【问题描述】：

我有这个数据库和这个表，我想把它放在我用基本 HTML 编码的 .jsp 页面上。该项目在 Spring mvc 中。

CREATE TABLE `status` (
  `idStatus` int(11) NOT NULL AUTO_INCREMENT,
  `timeStamp` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `value` varchar(45) NOT NULL,
  `unit` varchar(45) NOT NULL,
  `idCategory` int(11) NOT NULL,
  PRIMARY KEY (`idStatus`),
  UNIQUE KEY `idStatus_UNIQUE` (`idStatus`),
  KEY `timeStampIndex` (`timeStamp`),
  KEY `statusTocategory_idx` (`idCategory`),
  CONSTRAINT `statusTocategory` FOREIGN KEY (`idCategory`) REFERENCES `category` (`idCategory`) ON DELETE NO ACTION ON UPDATE NO ACTION
) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8$$

到目前为止，我可以在网页上获得基本的谷歌折线图，但不能获得值。我希望它显示基于时间的值。

这是我目前的代码：

<head>



<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(serverData) {

        var serverData = [ [ 'Year', 'Sales', 'Expenses' ],
                [ '2004', 1000, 400 ], [ '2005', 1170, 460 ],
                [ '2006', 660, 1120 ], [ '2007', 1030, 540 ] ];
        var data = google.visualization.arrayToDataTable(serverData);

        var options = {
            title : 'Company Performance'
        };

        var chart = new google.visualization.LineChart(document
                .getElementById('chart_div'));
        chart.draw(data, options);
    }
</script>

</head>
<body>

如何随着时间的推移将 Serverdata 输入替换为 Value？（我对php一无所知） google 代码是用 javascript 编写的，但是将它与纯 java 或 php 代码合并是否有效？请帮忙！

【问题讨论】：

标签： javascript mysql spring-mvc google-visualization

【解决方案1】：

您尝试的很常见，我使用了两次 AJAX（都使用 python 和 php）。

http://api.jquery.com/jQuery.ajax/

您需要进行一些 php 编程来完成此操作。一个简单的示例是编写一个名为 url.com/serverdata.php 的 AJAX 变量，并将输出设置为等于您的 serverData 变量。

server.php 文件只需要输出一个 JSON 编码的变量，例如：

<?php
$arr = array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5);

echo json_encode($arr);
?>

从数据库中提取数据后，$arr 将是您的数组。其他人可能会用确切的代码做出响应，但这应该可以帮助您入门，因为肯定需要 php 编程。

http://www.w3schools.com/php/php_mysql_intro.asp

还可以参考 w3 使用 php 从 mysql 中提取数据的教程。

【讨论】：

好的，谢谢，那我要开始学习一些 php 了……但如果有人能帮我提供确切的代码，这将节省我很多时间，我将不胜感激！
您尝试做的事情相当普遍，因此重新发布所有内容不会很有用。以下是质量介绍的两个链接，带有特定代码：w3schools.com/php/php_ajax_database.asp stackoverflow.com/questions/5298401/basic-php-and-ajax
你的两个链接都使用 PHP，我已经读到有一种方法只使用 javascript/html，这就是我在这里发布它的原因。由于我不知道如何使用php，所以我需要一些帮助。