4-1 绘制XYY坐标图
本节编程练习不计算学习进度,请电脑登录imooc.com操作

绘制XYY坐标图

Jpgraph类库还可以用来绘制折线坐标图,展示效果如下:

折线图是以折线的上升或者下降来表示数量的增减变化,折线图在生活中运用非常普遍,它能够更直观的显示数据的变化趋势。

绘制折线图是应该掌握的基本技能。

任务

请根据代码中提供的两组数据$data和$data2y,绘制一个折线图。步骤如下:

1、首先加载需要的类库文件;

2、接着实例化Graph类,并进行相关的设置;

3、然后实例化具体的图形类并进行相关设置;

4、最后把具体图形类的实例化对象添加到Graph类对象中并输出。

在代码区域第31和32行,输入以下两条指令,设置两条折线的颜色分别为red和black。

$linePlot->SetColor("red");
$linePlot2y->SetColor("black");
  1. <?php
  2. //引入类库
  3. require_once "/data/webroot/resource/php/src/jpgraph.php";
  4. require_once "/data/webroot/resource/php/src/jpgraph_line.php";
  5. $data=array(0=>-21,1=>-3,2=>12,3=>19,4=>23,5=>29,6=>30,7=>22,8=>26,9=>18,10=>5,11=>-10);//第一条数据
  6. $data2y=array(0=>3,1=>12,2=>18,3=>30,4=>28,5=>33,6=>43,7=>39,8=>36,9=>29,10=>15,11=>10);//第二条数据
  7. //得到Graph对象
  8. $graph=new Graph(400,400);
  9. //设置X和Y轴样式及Y轴的最大值最小值
  10. $graph->SetScale("textint",-30,50);
  11. //设置右侧Y轴样式及其最大值最小值
  12. $graph->SetY2Scale("int",-30,50);
  13. //设置图像样式,加入阴影
  14. $graph->SetShadow();
  15. //设置图像边界范围
  16. $graph->img->setMargin(40,30,50,70);
  17. //设置标题
  18. $graph->title->Set("this is a test X-Y-Y");
  19. //得到曲线实例
  20. $linePlot=new LinePlot($data);
  21. //得到第二条曲线
  22. $linePlot2y=new LinePlot($data2y);
  23. //将曲线加入到图像中
  24. $graph->Add($linePlot);
  25. $graph->Add($linePlot2y);
  26. //设置三个坐标轴名称
  27. $graph->xaxis->title->Set("Month");
  28. $graph->yaxis->title->Set("beijing");
  29. $graph->y2axis->title->Set("ShangHai");
  30. //设置两条曲线的颜色
  31.  
  32.  
  33. //设置两条曲线的图例
  34. $linePlot->SetLegend("Beijing");
  35. $linePlot2y->SetLegend("Shanghai");
  36. //设置图例样式
  37. $graph->legend->setlayout(LEGEND_HOR);
  38. $graph->legend->Pos(0.45,0.9,"center","bottom");
  39. //将图像输出到浏览器
  40. $graph->Stroke();
下一节