nav-left cat-right
cat-right

open-flash-chart系列教程(7)–PHP类库的用法

例子如下:


require_once('includes/open-flash-chart2/php-ofc-library/open-flash-chart.php');
$tmpx = array();//x轴标签的数组
$tmpy = array();//从数据库查询得到y轴数据的数组
 $title = new title( '年销售统计图表' );
    $title->set_style("font-size:18px;");

    $bar = new bar();
    $bar->text= $city;
    $bar->set_values( $tmpy );

    $y = new y_axis();
    $y->set_range(0,ceil(max($tmpy)),20);

    $x = new x_axis();
    $x->set_labels_from_array( $tmpx );

    $yl =  new y_legend();
    $yl->y_legend( "chinaticket.com chart 1:10000" );
    $yl->set_style( "color:#736AEF; font-size:12px;" );

    $chart = new open_flash_chart();
    $chart->set_title( $title );

    $chart->set_y_axis( $y );
    $chart->set_x_axis( $x );
    $chart->set_y_legend($yl);

    $chart->add_element($bar);

$chart->toString();//生成json数据
$chart->toPrettyString();//生成适合阅读的数据格式

具体那一种图表格式可以打开相对应的class文件查询相关的参数、函数,用法都比较简单的。

12 条评论

  1. avatar nav-left

    这篇open flash chart的教程写的有点笼统,有实际例子就好了。

    nav-left
  2. avatar nav-left

    例子其实就是数据的生成,可以参考官方的示例数据,下载的包里data-files目录下就是。

    nav-left
  3. avatar nav-left

    如何加上on-click事件呢?我这一直加不上
    $bar = new bar_glass();
    $bar->text= ‘访问量’;
    $bar->set_values( $tmpy );
    $bar->set_tooltip(‘访问量:#val#’);
    $bar->set_alpha(’0.3′);

    官方有add_link方法,我本地的类里根本找不到这个方法-,-

    nav-left
  4. avatar nav-left

    我用的是ofc1.9.7版本

    function push()
    {
    tmp = findSWF(“chart”);
    x = tmp.push_value(
    0,
    document.getElementById(‘my_val’).value,
    document.getElementById(‘my_label’).value );
    }

    function findSWF(movieName) {
    if (navigator.appName.indexOf(“Microsoft”)!= -1) {
    return window["ie_" + movieName];
    } else {
    return document[movieName];
    }
    }

    var so = new SWFObject(“open-flash-chart.swf”, “chart”, “250″, “200″, “9″, “#FFFFFF”);
    。。。。。。//相关参数省略
    so.write(“mychart”);

    Value: Label: push new value.

    可显示图像,但为什么不能正常调用程序中的push()方法

    nav-left
  5. avatar nav-left

    Value: Label: push new value.

    可显示图像,但不能正常调用程序中的push()方法

    nav-left
  6. avatar nav-left

    add_link方法在ofc2中没有提供支持,另外我发现只有line和pie才支持on-click。解决办法参考:http://www.ofc2dz.com/OFC2/examples/OnClickEvents.html

    nav-left
  7. avatar nav-left

    1.97的没怎么用过 中做过基本的统计图表,所以也明白push的方法怎么用,可以到官方的论坛里寻求帮助。

    nav-left
  8. avatar nav-left

    jsp中应用ofc1.9.7,中文乱码问题如何解决?注:页面和tomcat中都已经设置成了UTF-8编码格式

    nav-left
  9. avatar nav-left

    谢谢!

    nav-left
  10. avatar nav-left

    ofc2.0的话应该是自动utf-8的,如果你是手动生成json数据的话里面的中文必须经过escape处理,如果用php的类库的话中文自动会转码,jsp应该也是一样的,但是我不知道1.97版本是不是也相同。

    nav-left
  11. avatar nav-left

    OFC2 怎么没有on_click事件啊, 我把 PHP 程序改了加上了 on_click  JSON 生成成功  图没问题  on_click 属性也就 就是不显示 哪们仁兄知道 请赐教啊

    nav-left
  12. avatar nav-left

    不是没有onclick,而是默认只支持line和pie不支持bar

    解决办法参考:http://www.ofc2dz.com/OFC2/examples/OnClickEvents.html

    nav-left

这篇文章上的评论的 RSS feed

抱歉,评论已关闭。