学习 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(); //输出图像

//折线图