论坛首页 入门技术论坛

Open-Flash-Chart学习总结

浏览 11892 次
该帖已经被评为新手帖
作者 正文
   发表时间:2008-06-23  
Open-Flash-Chart使用说明       

 

        这两天研究了下图形工具, 觉得open-flash-chart还不错. 上来推荐推荐,哈哈~~~

为什么选open-flash-chart呢?哈,因为图形比较漂亮,哈,而且用起来挺方便的!^_^

 

       

 

[PS: 好多人反应看不到图片。。。真晕! 不贴图了,贴图真麻烦!用一下我自己hi.baidu上的图片也不行!再写就又被说给XX做广告了!]

 

     open-flash-chart是一个flash图形工具,主要通过JS设置参数来控制图形的显示,主要有线、柱状及饼图. 基本上能满足数据统计分析的图形化显示需求。

优点:使用方便,一般浏览器都能支持使用,提供回调功能支持更高级的处理。
目录下JS是与swf交互的核心脚本,不过有些地方好像写得不大好,有些语法不遵从W3C标准,呵~~
一点见解:个人觉得用ajax请求数据,然后在前台控制图形的显示比较好。比起在后台直接生成HTML代码返回直接打印的好,怎么说网络传输量可以减少些,而且用前者还可能做成类似单例的加载方式。所以个有觉得没必要用PHP或JAVA等其它语言从后台返回的HTML的方式(虽然OPEN-FLASH-CHART已经有支持的类),个人还是喜欢在前台用JS的方式来控制图形,哈哈~~~
百变不离其宗!

下面是我整理的一些文档,可以参考,应该是比较齐的了:

 

 

    坐标线状图、柱状图(参数用','进行分隔) (y2表示右边的纵坐标)

    元素/属性

    形状或作用

    参数1

    参数2

    参数3

    参数4

    参数5

    参数6

    title

    显示图表主题(最上方)

    主题名称

    样式style

     

     

     

     

    x_legend

    X坐标说明(最下方, X轴平行)

    说明信息

    字体大小

    字体颜色

     

     

     

    y_legend

    Y坐标说明(最左边, Y轴平行)

    说明信息

    字体大小

    字体颜色

     

     

     

    x_labels

    设置X轴坐标显示

     

     

     

     

     

     

    y_label_size

     

     

     

     

     

     

     

    x_label_style

    设置X轴样式

    字体大小

    字体颜色

    角度(0:0, 1:90,2:45)

    设置X轴线条间隔

    X轴间隔线条颜色

     

    y_label_style

    设置Y轴样式

    字体大小

    字体颜色

     

     

     

     

    x_ticks

    控制X轴坐标标记显示

    X轴坐标标记长度

     

     

     

     

     

    y_ticks

    控制Y轴坐标标记显示

    Y轴坐标标记最小长度

    Y轴坐标标记最大长度

    Y轴分割成几个段

     

     

     

    X_min

    设置X轴坐标最小值

    X轴坐标最小值

     

     

     

     

     

    x_max

    设置X轴坐标最大值

    X轴坐标最大值

     

     

     

     

     

    y_min

    设置Y轴坐标最小值

    Y轴坐标最小值

     

     

     

     

     

    y_max

    设置Y轴坐标最大值

    Y轴坐标最大值

     

     

     

     

     

    bg_colour

    设置背景颜色

     

     

     

     

     

     

    inner_background

    设置坐标区域内部颜色

    颜色1

    颜色2(从颜色1渐变到颜色2)

    渐变角度

     

     

     

    bg_image

    设置背景图片

    图片位置

     

     

     

     

     

    bg_image_x

    设置图片横向位置

    [left |center |right]

     

     

     

     

     

    bg_bg_image_y

    设置图片纵向位置

    [top |middle |bottom]

     

     

     

     

     

    x_axis_colour

    设置X轴颜色

     

     

     

     

     

     

    y_axis_colour

    设置Y轴颜色

     

     

     

     

     

     

    x_axis_steps

    设置X轴线条间隔

     

     

     

     

     

     

    x_axis_3d

    设置X3d效果的高度

     

     

     

     

     

     

    x_grid_colour

    设置X轴线条颜色

     

     

     

     

     

     

    y_grid_colour

    设置Y轴线条颜色

     

     

     

     

     

     

    show_y2

    设置Y轴右边也显示坐标

    [true |false]

     

     

     

     

     

    y2_lines

    设置哪个图是根据右边Y坐标的值来显示

    [可以有多个]

     

     

     

     

     

    y_format

    格式化Y轴显示(常与#val#等联合使用)

     

     

     

     

     

     

    values

    设置值

     

     

     

     

     

     

    num_decimals

    格式化小数位数

     

     

     

     

     

     

    is_fixed_num_decimals_forced

    是否强制格式化小数

    [true |false]

     

     

     

     

     

    is_decimal_separator_comma

    是否使用小数分隔符

    [true: , |false: . ](与千位分隔符相反)

     

     

     

     

     

    is_thousand_separator_disabled

    是否使用千位分隔符

    [true |false]

     

     

     

     

     

    x_offset

    是否自动补偿以适应图的显示

    [true |false]

     

     

     

     

     

    bar

    柱状图

    透明度

    颜色

    名称#key#

    名称字体大小

     

     

    bar_glass

    水晶柱状图

    透明度

    内部颜色

    外框颜色

    名称#key#

    名称字体大小

     

    bar_fade

    渐变柱状图

    透明度

    颜色

    名称#key#

    名称字体大小

     

     

    bar_arrow

    带有箭头的柱状图

    透明度

    颜色

    名称#key#

    名称字体大小

     

     

    bar_3d

    3D立体柱状图

   发表时间:2008-06-23  
我晕,没一张图片可以正常显示!
0 请登录后投票
   发表时间:2008-06-23  
"该图片仅限百度用户交流使用"
0 请登录后投票
   发表时间:2008-06-24  
晕,看不到图片吗? 我怎么能看到呢?

如果不行的话就到这里看吧,嘻嘻.
http://hi.baidu.com/javaroad/blog/item/ddce58f0b32810c67931aac2.html
0 请登录后投票
   发表时间:2008-06-24  
"该图片仅限百度用户交流使用"
0 请登录后投票
   发表时间:2008-06-24  
怀疑lz是给百度做广告的
0 请登录后投票
   发表时间:2008-06-24  
重新编辑一下,不转BLOG上的图片了.
0 请登录后投票
   发表时间:2008-06-24  
[PS: 好多人反应看不到图片。。。真晕! 不贴图了,贴图真麻烦!用一下我自己hi.baidu上的图片也不行!再写就又被说给XX做广告了!]

我的文档是用oneNode编辑的,直接贴下去还真丑~~!没办法了!沉贴吧~~
0 请登录后投票
   发表时间:2008-06-27  
哈哈 买袭击 被我发现了啊
0 请登录后投票
论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics