Question

我是这个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>

Answer 1

嗯，我不确定你的意思是什么...你的意思是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();
?>

然后在你的javascript代码中

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

而不是d1，用数据集替换你在php代码中声明的变量

从DB动态集成Flotr2图表

1 个答案: