例子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. 【JavaScript】谈谈Google Polymer以及Web UI框架的未来

    摘要:开发者Axel Rauschmayer在自己的博客上详解了Google Polymer的设计理念与组成架构,深得Polymer开发者的认同.他认为Polymer这样高互操作性的设计才应该是Web ...

  2. JavaScript Design Patterns: Mediator

    The Mediator Design Pattern The Mediator is a behavioral design pattern in which objects, instead of ...

  3. 提高HTML5 canvas性能的几种方法

    简介 HTML5 canvas 最初起源于苹果(Apple)的一项实验,现在已经成为了web中受到广泛支持的2D快速模式绘图(2Dimmediate mode graphic)的标准.许多开发者现在利 ...

  4. Working with MTD Devices

    转:http://www.linuxforu.com/2012/01/working-with-mtd-devices/ Working with MTD Devices By Mohan Lal J ...

  5. Android 自定义组合控件

    1, you need to add this kind of code to the constructors of your custom view which must extend ViewG ...

  6. FITS 基本格式及其扩展

    一.FITS 一般介绍二.FITS 的一般结构三.FITS 基本格式四.FITS 的随机组扩展五.FITS 的表扩展 (ASCII 表扩展)六.FITS 的一般扩展和块因子参考文献 FITS 基本格式 ...

  7. NSNotificationCenter 使用姿势详解

    来源:JamesYu 链接:http://www.jianshu.com/p/a4d519e4e0d5 最近在做平板的过程中,发现了一些很不规范的代码.偶然修复支付bug的时候,看到其他项目代码,使用 ...

  8. 使用Apache Felix Remote Shell远程管理OSGI

    通过Apache Felix Remote Shell提供的org.apache.felix.shell.remote能使用telnet客户端访问远程的[Apache Felix Shell]和[Ap ...

  9. [Java] SSH框架笔记_SSH三大框架的工作原理及流程

    Hibernate工作原理及为什么要用? 原理:1.通过Configuration().configure();读取并解析hibernate.cfg.xml配置文件2.由hibernate.cfg.x ...

  10. 神马小说：使用opensearch打造高性能搜索服务

    神马小说--- 使用opensearch打造高性能搜索服务 [使用背景] 神马小说是最早使用opensearch的用户,和opensearch一起成长.目前神马小说每天2亿搜索pv,1000w 用户. ...