zoukankan      html  css  js  c++  java
  • 黄聪:Open Flash Chart在php中的使用教程

    为了画一个漂亮的表格,我从网上找到了OpenFlashChart(ofc),非常不错的东东。经过几天的研究终于画出了我自己的表格。先来看看我的表格(这里只是个截图):

    还可以吧。也许太笨,反正费了很多周折,说说简单的使用步骤,希望给感兴趣的朋友一些帮助。

    1、下载Open Flash Chart:http://sourceforge.net/projects/openflashchart/files/

    2、将解压后的文件夹openflashchart(改名后)放在网站的根目录下,并按照说明,将其中的js文件夹单独放在根目录下。

    3、创建文件chart.htm,并将下列内容拷贝,然后保存在openflashchart目录下。

    <html>
    <head>
    </head>
    <body>
    <p>Hello World</p>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
            codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
            width="500"
            height="250" id="graph-2" align="middle">
        <param name="allowScriptAccess" value="sameDomain" />
        <param name="movie" value="open-flash-chart.swf" />
        <param name="quality" value="high" />
        <embed src="open-flash-chart.swf"
               quality="high"
               bgcolor="#FFFFFF"
               width="500"
               height="250"
               name="open-flash-chart"
               align="middle"
               allowScriptAccess="sameDomain"
               type="application/x-shockwave-flash"
               pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
    </body>
    </html>

    4、编写php文件提供的json数据文件data.php,内容如下,然后保存到openflashchart目录下。

    <?php
    require_once('OFC/OFC_Chart.php');
    $title = new OFC_Elements_Title( '我的第一表:'.date("D M d Y") );
    
    //设置线条
    $line_dot = new OFC_Charts_Line();
    $line_dot->set_values(array(6,2,7,8,10,12,7,6,5,12,10,9,11,4,3,2,1));
    $line_dot->set_colour('#D7E4A3');
    
    $line_dot1 = new OFC_Charts_Line();
    $line_dot1->set_values(array(2,4,6,8,11,9,12,8,10,6,15,14,8,7,6,8,9,2,1));
    
    //设置图标以及XY轴
    $chart = new OFC_Chart();
    $chart->set_title( $title );
    
    $x=new OFC_Elements_Axis_X();
    $x->set_offset(false);
    $x->set_steps(1);
    $x->set_colour( '#A2ACBA');
    $x->set_range(0,20,1);
    
    $y=new OFC_Elements_Axis_Y();
    $y->set_range(0,16,1);
    $y->set_steps(1);
    $y->set_colour( '#A2ACBA');
    
    $chart->set_x_axis($x);
    $chart->set_y_axis($y);
    
    //添加坐标
    $chart->add_element($line_dot);
    $chart->add_element($line_dot1);
    
    echo $chart->toPrettyString();
    ?>

    5、从数据文件已经看到要使用ofc/ofc_chart.php文件,所以要将open-flash-chart\php5-ofc-library\lib目录下的ofc文件夹复制到openflashchart目录下。

    6、打开浏览器,键入地址。类似:http://localhost/openflashchart/chart.htm?ofc=data.php,就可以看到自己画的图了。

     

  • 相关阅读:
    activiti笔记三 Activiti问题重现
    [转]电子商务文件存储及读取服务的设计和开发思路
    powerdesigner设置mysql唯一键,非主键
    git使用笔记
    activiti笔记二:用户任务
    解决方案:elipse一直loading descriptor for...
    activiti笔记一:流程图xml文件
    RabbitMq汇总
    docker汇总
    Zookeeper
  • 原文地址:https://www.cnblogs.com/huangcong/p/2878650.html
Copyright © 2011-2022 走看看