学习 JpGraph-历史曲线

<?php

include ("jpgraph/jpgraph.php");
include ("jpgraph/jpgraph_line.php");
//
// 假定数据库用户名：root，密码：123456，数据库：RUNOOB 
$con=mysqli_connect("localhost","root","123456","login"); 
$data3=array(10,1,2,3,4,5);
$i=0;
if (mysqli_connect_errno($con)) 
{ 
    echo "连接 MySQL 失败: " . mysqli_connect_error(); 
} 
 
$sql="SELECT * FROM savedata WHERE id<73 order by id";
$result=mysqli_query($con,$sql);
 
// 数字数组
   while($row=mysqli_fetch_array($result)){
            // echo $row["dataval0"];
             $data3[$i]=$row["dataval0"];

             $i=$i+1;

             /*显示数据结果*/

      }
 

 
// 释放结果集
mysqli_free_result($result);
 
mysqli_close($con);

///
$data1 = array(523,634,371,278,685,587,490,256,398,545,367,1577);  //第一条曲线的数组
$data2 = array(19,23,34,38,45,67,71,78,85,87,90,96,109);              //第二条曲线的数组
// print_r($data3);

///

$graph = new Graph(600,450,"auto");                               //创建新的Graph对象
$graph->SetScale("textlin");
$graph->SetShadow();  
                                            //设置图像的阴影样式
                                            
$graph->SetMarginColor('darkgreen@0.8');

$graph->SetColor('red'); //设置背景
//$graph->Set3DPerspective(SKEW3D_LEFT,700,700,true); 3D倾斜
//$graph->SetBackgroundImage(“图片地址",1); //设置背景
//$graph->img->SetMargin(60,30,30,95); // 空余四角边距（左右上下）

$graph->img->SetMargin(60,30,30,95);                              //设置图像边距(相对图片顶部)
$graph->title->Set("用电量图");                                  //设置图像标题
$graph->title->SetMargin(15);                                      //设置标题的边距

//$lineplot1=new LinePlot($data1); 
$lineplot1=new LinePlot($data3);                                //创建设置两条曲线对象
$lineplot2=new LinePlot($data2);

$lineplot1->value->Show();
$lineplot1->value->SetColor("black");

$lineplot1->mark->SetType(MARK_FILLEDCIRCLE);  //设置数据坐标点为圆形标记
$lineplot1->mark->SetFillColor("red");         //设置填充的颜色
$lineplot1->mark->SetWidth(2);                 //设置圆形标记的直径为4像素
$lineplot1->SetColor("blue");                  //设置折形颜色为蓝色
$lineplot1->SetCenter();                       //在X轴的各坐标点中心位置绘制折线
$lineplot1->value->SetFormat('%0.2f'); //值的格式化
$graph->Add($lineplot1);                       //将曲线放置到图像上
$lineplot1->value->Show(); 

//

$lineplot2->mark->SetType(MARK_FILLEDCIRCLE);  //设置数据坐标点为圆形标记
$lineplot2->mark->SetFillColor("green");         //设置填充的颜色
$lineplot2->mark->SetWidth(2);                 //设置圆形标记的直径为4像素
$lineplot2->SetColor("blue");                  //设置折形颜色为蓝色

//

                     
$graph->Add($lineplot2);
$lineplot1->value->SetColor("red");//曲线上面显示的数值的文字颜色
$lineplot2->value->Show();

$graph->xaxis->title->Set("小时");              //设置坐标轴名称
$graph->yaxis->title->Set("用电量(kwh)");
$graph->xaxis->title->SetMargin(10);
$graph->yaxis->title->SetMargin(10);

$graph->title->SetFont(FF_SIMSUN,FS_BOLD);          //设置字体
$graph->xaxis->title->SetFont(FF_SIMSUN,FS_BOLD);
$graph->yaxis->title->SetFont(FF_SIMSUN,FS_BOLD);

//设置x轴各值,传入一维数组
//参数：$gDateLocale->GetShortMonth()  底部为 Jan Feb...
$mouth_arr=array("10-10 1:00","10-10 2:00","10-10 3:00","10-10 4:00","10-10 5:00","10-10 6:00","10-10 7:00","10-10 8:00","10-10 9:00","10-10 11:00","10-10 12:00","10-10 13:00","10-10 14:00");
$graph->xaxis->SetTickLabels($mouth_arr);
$graph->xaxis->SetFont(FF_SIMSUN);                     //设置X坐标轴的字体

// 设置 x 轴标注文字为斜体，粗体，6号小字
$graph->xaxis->SetFont(FF_SIMSUN,FS_BOLD,8);
 
// 设置 x 轴标注文字 45 度倾斜。注：前面 SetFont 必须为 FF_ARIAL
$graph->xaxis->SetLabelAngle(45);

$lineplot1->SetColor("red");                            //设置颜色
$lineplot2->SetColor("blue");

$lineplot1->SetLegend("最大值");                       //设置图例名称
$lineplot2->SetLegend("最小值");
$graph->legend->SetFont(FF_SIMSUN,FS_BOLD);

$graph->legend->SetLayout(LEGEND_HOR);                 //设置图例样式和位置
$graph->legend->Pos(0.5,0.96,"center","bottom");       //设置下部lengend位置

$graph->yaxis->SetWeight(2); //y轴线宽
$graph->xaxis->SetWeight(2);
//隐藏x轴上的刻度线
$graph->xaxis->HideTicks(false,false);//显示刻度线 

$graph->xgrid->Show();//设置垂直于X轴的网格线显示，默认不显示
$graph->Stroke();                                      //输出图像
//折线图

?>