• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

php折线图布局图

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
例子1:
1
<?php 2 require_once("../conf.php"); 3 ?> 4 <!DOCTYPE HTML> 5 <html> 6 <head> 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 8 <title>标准的chart显示</title> 9 </head> 10 <body> 11 12 <?php 13 $s2 = array(array(0, 6.29), array(0.1, 8.21), array(0.2, 8.92), array(0.3, 7.33), array(0.4, 7.91), array(0.5, 3.6), array(0.6, 6.88), 14 array(0.7, 1.5), array(0.8, 0.08), array(0.9, 6.36), array(1, 0.5), array(1.1, 9.14), array(1.2, 6.23), array(1.3, 2.66), 15 array(1.4, 9.9), array(1.5, 7.44), array(1.6, 7.82), array(1.7, 8.57), array(1.8, 3.99), array(1.9, 3.83), array(2, 6.78), 16 array(2.1, 7.63), array(2.2, 6.94), array(2.3, 1.24), array(2.4, 2.25), array(2.5, 0.67), array(2.6, 6.73), array(2.7, 2.25), 17 array(2.8, 7.72), array(2.9, 9.36), array(3, 8.49)); 18 19 /** 20 * 定义一个点的数组 21 */ 22 $pc = new C_PhpChartX(array($s2)); 23 /** 24 出现方式是否为动画显示 25 **/ 26 //$pc->set_animate(true); 27 /** 28 * 设置标题 29 */ 30 $pc->set_title(array('text'=>'标准折线图')); 31 32 /** 33 * 设置横坐标的最小值和最大值(x) 34 **/ 35 $pc->set_axes(array('xaxis'=> array('min'=>-0.5,'max'=>4))); 36 /** 37 * 设置纵坐标的最小值和最大值(y) 38 */ 39 $pc->set_axes(array('yaxis'=> array('min'=>-10,'max'=>15))); 40 41 42 /** 43 * 设置默认线条方式 44 * linePattern=>dashed:设置线条为虚线,''不设置为实线.也可以为数组,数组中的参数表示将折线按照要求的数字值进行显示和隐藏,形成规则/不规则的折线 45 * showMarker=>true:设置显示折点加亮;false:设置节点隐藏. 46 * shadow=>false:设置线条没有有阴影,true:表示线条有阴影. 47 * lineWidth:表示折现的粗细程度。 48 * rendererOptions:线条操作,smooth:true:表示两点直间连接圆滑,false:表示两点之间直接连接。 49 */ 50 //$pc->set_series_default(array('linePattern'=>array(2,2),'showMarker'=>true,'shadow'=>true,'lineWidth'=>3,'rendererOptions'=>array('smooth'=>true))); 51 $pc->set_series_default(array('linePattern'=>'','showMarker'=>true,'shadow'=>true,'lineWidth'=>3,'rendererOptions'=>array('smooth'=>false))); 52 /** 53 * 设置线条的坐标面板的显示和颜色 54 */ 55 56 $pc->add_series(array('label'=>'one','color'=>'red')); 57 58 /** 59 * 设置折线图 60 **/ 61 $pc->add_plugins(array('cursor')); 62 /** 63 showVerticalLine:表示设置是否有纵向比较线 64 showTooltip:表示设置是否显示纵向比较线的当前位置坐标(显示在图的右下角处) 65 followMouse:表示纵向比较线当前坐标是否跟随鼠标。 66 showTooltipDataPosition:是否让纵向比较线“鼠标跟随坐标”只显示在临近折点处的坐标。 67 tooltipFormatString:设置坐标提示格式 68 **/ 69 $pc->set_cursor(array('showVerticalLine'=>true,'showTooltip'=>true,'followMouse'=>true,'showTooltipDataPosition'=>true,'zoom'=>false,'tooltipFormatString'=>'%s x:%s, y:%s')); 70 71 72 73 /** 74 *设置图形显示的大小,即:长度和宽度。第一个参数是长度,第二个是高度 75 **/ 76 $pc->draw(800,600); 77 78 79 ?> 80 81 </body> 82 </html>


图片显示如下:


例子2:

 1 <?php
 2 require_once("../conf.php");
 3 ?>
 4 <!DOCTYPE HTML>
 5 <html>
 6     <head>
 7           <style type="text/css" media="screen">
 8             .jqplot-axis {
 9               font-size: 0.85em;
10             }
11             .jqplot-title {
12               font-size: 1.1em;
13             }
14           </style>
15     </head>
16     <body>
17         <div><span> </span><span id="info1b"></span></div>
18 
19 <?php
20     
21 
22     $l1 = array(2, 3, 1, 4, 3);
23     $l2 = array(1, 4, 3, 2, 5);
24     
25     $pc = new C_PhpChartX(array($l1,$l2),'chart');
26     
27     $pc->set_title(array('text'=>'Stacked Filled Line Plot with Transparency (transparency not supported in IE6)'));
28     $pc->set_stack_series(true);
29     $pc->set_grid(array('background'=>'#fefbf3','borderWidth'=>2.5));
30     $pc->set_animate(true);
31     $pc->set_series_default(array('fill'=>true,'shadow'=>false,'showMarker'=>false));
32     $pc->set_axes(array(
33         'xaxis'=>array('pad'=>1.0,'numberTicks'=>5),
34         'yaxis'=>array('min'=>0,'max'=>12,'numberTicks'=>5)
35     ));
36     
37     $pc->add_series(array('color'=>'rgba(68, 124, 147, 0.7)'));
38     $pc->add_series(array('color'=>'rgba(150, 35, 90, 0.7)'));
39     
40     $pc->draw(560,400);
41 
42 
43 
44     ?>
45 
46     </body>
47 </html>

显示图片如下:

上面的代码是展示,详细代码请下载内容包:https://files.cnblogs.com/IT-Monkey/pietu.rar


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
php日期正则表达式发布时间:2022-07-10
下一篇:
php判断网页是否gzip压缩发布时间:2022-07-10
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap