例子1：
 1 <?php

 require_once("../conf.php");

 ?>

 <!DOCTYPE HTML>

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>标准的chart显示</title>

 </head>

     <body>

 <?php

     $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),

       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),

       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),

       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),

       array(2.8, 7.72), array(2.9, 9.36), array(3, 8.49));

     /**

      * 定义一个点的数组

      */

     $pc = new C_PhpChartX(array($s2));

     /**

     出现方式是否为动画显示

     **/

     //$pc->set_animate(true);

     /**

      * 设置标题

      */

     $pc->set_title(array('text'=>'标准折线图'));

     /**

      * 设置横坐标的最小值和最大值(x)

      **/

     $pc->set_axes(array('xaxis'=> array('min'=>-0.5,'max'=>4)));

     /**

      * 设置纵坐标的最小值和最大值(y)

      */

     $pc->set_axes(array('yaxis'=> array('min'=>-10,'max'=>15)));

     /**

      * 设置默认线条方式

      * linePattern=>dashed:设置线条为虚线，''不设置为实线.也可以为数组，数组中的参数表示将折线按照要求的数字值进行显示和隐藏，形成规则/不规则的折线

      * showMarker=>true:设置显示折点加亮;false：设置节点隐藏.

      * shadow=>false:设置线条没有有阴影，true：表示线条有阴影.

      * lineWidth：表示折现的粗细程度。

      * rendererOptions:线条操作，smooth：true：表示两点直间连接圆滑，false：表示两点之间直接连接。

      */

     //$pc->set_series_default(array('linePattern'=>array(2,2),'showMarker'=>true,'shadow'=>true,'lineWidth'=>3,'rendererOptions'=>array('smooth'=>true)));

     $pc->set_series_default(array('linePattern'=>'','showMarker'=>true,'shadow'=>true,'lineWidth'=>3,'rendererOptions'=>array('smooth'=>false)));

     /**

      * 设置线条的坐标面板的显示和颜色

      */

     $pc->add_series(array('label'=>'one','color'=>'red'));

     /**

      * 设置折线图

      **/

     $pc->add_plugins(array('cursor'));

     /**

     showVerticalLine:表示设置是否有纵向比较线

     showTooltip：表示设置是否显示纵向比较线的当前位置坐标（显示在图的右下角处）

     followMouse:表示纵向比较线当前坐标是否跟随鼠标。

     showTooltipDataPosition:是否让纵向比较线“鼠标跟随坐标”只显示在临近折点处的坐标。

     tooltipFormatString:设置坐标提示格式

     **/

     $pc->set_cursor(array('showVerticalLine'=>true,'showTooltip'=>true,'followMouse'=>true,'showTooltipDataPosition'=>true,'zoom'=>false,'tooltipFormatString'=>'%s x:%s, y:%s'));

     /**

     *设置图形显示的大小，即：长度和宽度。第一个参数是长度，第二个是高度

     **/

     $pc->draw(800,600);

 ?>

     </body>

 </html>

图片显示如下：


例子2：

 <?php

 require_once("../conf.php");

 ?>

 <!DOCTYPE HTML>

 <html>

     <head>

           <style type="text/css" media="screen">

             .jqplot-axis {

               font-size: 0.85em;

             }

             .jqplot-title {

               font-size: 1.1em;

             }

           </style>

     </head>

     <body>

         <div><span> </span><span id="info1b"></span></div>

 <?php

     $l1 = array(2, 3, 1, 4, 3);

     $l2 = array(1, 4, 3, 2, 5);

     $pc = new C_PhpChartX(array($l1,$l2),'chart');

     $pc->set_title(array('text'=>'Stacked Filled Line Plot with Transparency (transparency not supported in IE6)'));

     $pc->set_stack_series(true);

     $pc->set_grid(array('background'=>'#fefbf3','borderWidth'=>2.5));

     $pc->set_animate(true);

     $pc->set_series_default(array('fill'=>true,'shadow'=>false,'showMarker'=>false));

     $pc->set_axes(array(

         'xaxis'=>array('pad'=>1.0,'numberTicks'=>5),

         'yaxis'=>array('min'=>0,'max'=>12,'numberTicks'=>5)

     ));

     $pc->add_series(array('color'=>'rgba(68, 124, 147, 0.7)'));

     $pc->add_series(array('color'=>'rgba(150, 35, 90, 0.7)'));

     $pc->draw(560,400);

     ?>

     </body>

 </html>

显示图片如下：

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

php折线图 布局图的更多相关文章

  1. Android图表库MPAndroidChart(八)——饼状图的扩展：折线饼状图

    Android图表库MPAndroidChart(八)--饼状图的扩展:折线饼状图 我们接着上文,饼状图的扩展,增加折现的说明,来看下我们要实现的效果 因为之前对MPAndroidChart的熟悉,所 ...

  2. C# 绘制统计图(柱状图, 折线图, 扇形图)【转载】

    统计图形种类繁多, 有柱状图, 折线图, 扇形图等等, 而统计图形的绘制方法也有很多, 有Flash制作的统计图形, 有水晶报表生成统计图形, 有专门制图软件制作, 也有编程语言自己制作的:这里我们用 ...

  3. 思维导图软件MindManager for Windows中如何修改思维导图布局

    MindManager for Windows是 Mindjet公司旗下应用于Windows桌面系统的一款思维导图软件,目前已经更新到了v14版本.对于很多刚开始使用MindManager for W ...

  4. .使用 HTML+CSS 实现如图布局，border-widht 5px，一个格子大小是 50*50，hover时候边框变为红色（兼容IE6+，考虑语义化的结构）

    <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...

  5. C# 绘制统计图(柱状图, 折线图, 扇形图)

    统计图形种类繁多, 有柱状图, 折线图, 扇形图等等, 而统计图形的绘制方法也有很多, 有Flash制作的统计图形, 有水晶报表生成统计图形, 有专门制图软件制作, 也有编程语言自己制作的:这里我们用 ...

  6. Asp.net 用 Graphics 统计图(柱状图, 折线图, 扇形图)

    统计图形种类繁多, 有柱状图, 折线图, 扇形图等等, 而统计图形的绘制方法也有很多, 有Flash制作的统计图形, 有水晶报表生成统计图形, 有专门制图软件制作, 也有编程语言自己制作的:这里我们用 ...

  7. [内存管理]linux X86_64处理器的内存布局图

    linux X86 64位内存布局图

  8. Linux内存管理 (3)内核内存的布局图

    专题:Linux内存管理专题 关键词:内核内存布局图.lowmem线性映射区.kernel image.ZONE_NORMAL.ZONE_HIGHMEM.swapper_pg_dir.fixmap.v ...

  9. 06. Matplotlib 2 |折线图| 柱状图| 堆叠图| 面积图| 填图| 饼图| 直方图| 散点图| 极坐标| 图箱型图

    1.基本图表绘制 plt.plot() 图表类别:线形图.柱状图.密度图,以横纵坐标两个维度为主同时可延展出多种其他图表样式 plt.plot(kind='line', ax=None, figsiz ...

随机推荐

  1. iOS抗锯齿的方式

    iOS开发中,有时候展示图片等内容的时候,会出现锯齿.比如笔者最近使用 iCarousel 控件的Cover flow效果来展示几幅图片时,两侧的图片出现了较为严重的锯齿,着实不好看.这里列出两个方式 ...

  2. tar备份工具

    一.tar命令的基本格式 在UNIX.Linux系统中,有许多命令可以用于备份数据,其中最常见的命令是tar命令..tar是UNIX和Linux系统中的打包工具,可以将多个文件或目录打包(也称为归档) ...

  3. WPF 之 style文件的引用

    总结一下WPF中Style样式的引用方法. 一.内联样式: 直接设置控件的Height.Width.Foreground.HorizontalAlignment.VerticalAlignment等属 ...

  4. Data Structure 之 最优二叉树

    给定n个权值作为n的叶子结点,构造一棵二叉树,若带权路径长度达到最小,称这样的二叉树为最优二叉树,也称为哈夫曼树(Huffman tree).哈夫曼树是带权路径长度最短的树,权值较大的结点离根较近. ...

  5. android 布局之滑动探究 scrollTo 和 scrollBy 方法使用说明

    涉及到滑动,就涉及到VIEW,大家都知道,Android的UI界面都是由一个一个的View以及View的派生类组成,View作为基类,而常用的布局里面的各种布局就是它派生出来的ViewGroup的子类 ...

  6. TCP/IP协议原理与应用笔记21：路由选择的方法

    1. 路由选择的方法 (1)基本思想 不是收到IP分组后才能为其选路,而是预先获得所有的目的的路由(Routing Protocol) IP报文按预定的路由转发(route table) (2)预定路 ...

  7. MySQL（26）：事务的隔离级别出现问题之 幻读

    1. 幻读 幻读(Phantom Read)又称为虚读,是指在一个事务内两次查询中数据条数不一致,幻读和不重复读有些类型,同样是在两次查询过程中,不同的是,幻读是由于其他事务做了插入记录的操作,导致记 ...

  8. iOS UILable的一些用法

    1.按钮上的文字添加下划线 问题:实现下图中右侧的按钮文字效果 代码(绿色为按钮文字加下划线方法): [MyTools createMyImageview:topEditView frame:CGRe ...

  9. 02. SQL表达式的灵活使用

    什么是SQL表达式?在SQL语句中,表达式可以是函数,也可以是列和列之间的混合运算.很多时候,对于表达式的使用,可以比单独操作表上的列,带来更多方便. 一. 在HAVING中使用表达式 --drop ...

  10. jQuery的deferred对象详解（一）

    最近一段时间,都在研究jquery里面的$.Deffered对象,几天都搞不明白,其中源码的运行机制,网上查找了相关的资料,<jQuery的deferred对象详解>阮一峰老师的文章,里面 ...