Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java 从数据库动态集成Flotr2图表_Java_Database_Jsp_Charts_Flotr - Fatal编程技术网

Java 从数据库动态集成Flotr2图表

Java 从数据库动态集成Flotr2图表,java,database,jsp,charts,flotr,Java,Database,Jsp,Charts,Flotr,我对这个flotr是新手,也是java的初学者。如何创建从数据库检索数据的flotr图表。我可以通过静态值创建图表,但如何使用数据库创建flotr图表。请给我一些数据库的例子。因此,我可以为所有其他图表工作。请帮助指导我使用java或jsp将数据从数据库重新服务到flotr图表的过程 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

我对这个flotr是新手,也是java的初学者。如何创建从数据库检索数据的flotr图表。我可以通过静态值创建图表,但如何使用数据库创建flotr图表。请给我一些数据库的例子。因此,我可以为所有其他图表工作。请帮助指导我使用java或jsp将数据从数据库重新服务到flotr图表的过程

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> Line Chart</title>

  <style>
  body {
        margin: 20px;
        padding:10px;

      }
      #example {
    width: 500px;
    height: 300px;
}
  </style>
 </head>

 <body>
<div id="example"></div>
  <script type="text/javascript" src="./js/flotr2.min.js"></script>

    <script type="text/javascript">
(function basic(container) {

  var
    d1 = [[0, 3], [4, 8], [8, 5], [9, 13]], // First data series

      graph;
   // Draw Graph
        graph = Flotr.draw(container, [ d1],{
        lines: {show: true, fill: true,color: 'yellow'},
        points: {show: true,radius: 3,fillColor:'yellow'},
        title: "Line Chart",
        subtitle: "Employee"}

  );
})(document.getElementById("example"));
    </script>
 </body>
</html>

折线图
身体{
利润率:20px;
填充:10px;
}
#范例{
宽度:500px;
高度:300px;
}
(基本功能(容器){
变量
d1=[[0,3],[4,8],[8,5],[9,13],//第一个数据系列
图表
//作图
graph=Flotr.draw(容器[d1]{
行:{show:true,fill:true,color:'yellow'},
点:{show:true,半径:3,圆角颜色:'yellow'},
标题:“折线图”,
副标题:“雇员”}
);
})(document.getElementById(“示例”);

我不知道你说的Java是什么意思……你说的是Javascript吗?因为Flotr2在基于web的平台上工作。但将数据库集成到使用Flotr2制作图表中实际上非常简单

我使用php,但您也可以使用asp或jsp。基本上,您需要做的是编写一些php代码来访问数据库,然后用php变量回显javascript代码。像这样:

<script type="text/javascript">
(function (){
<?php
$mysqli = new mysqli("host", "user", "password", "database");
if(!($stmt = $mysqli->prepare("SELECT attribute FROM table WHERE condition"))){
     echo "Prepare Failed: (" . $mysqliprivate->errno . ") " . $mysqliprivate->error;
}
else{
     $stmt->bind_param("s", $condition);
     $stmt->execute();
     $stmt->bind_result("$result");
     echo "var dataset = [";
     $i = 0;
     while($stmt11->fetch()){
     echo " [" . $i . ", " . $result. "]";
     echo ",";
     $i++;
}
echo "];";
$stmt->close();
?>
将其替换为在php代码中声明的变量,而不是d1

graph = Flotr.draw(container, [ d1],{