Question

我有这个数据库，我希望将这个数据库放在我用基本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>

如何随着时间的推移用Value替换Serverdata输入？（我对php没有任何了解）谷歌代码是在JavaScript中，但它是否可以将其与纯java或PHP代码合并？请帮忙！

Answer 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中提取数据。

如何在Google Line图表中放入我的数据库？

1 个答案: