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
|
设置X轴3d效果的高度
|
|
|
|
|
|
|
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立体柱状图
|
分享到:
相关推荐
open-flash-chart中文使用参数对照表
Open-Flash-Chart参数说明 资源免费,如果帮到您,请您到 http://www.php8848.com 点广告支持下,谢谢 !
open-flash-chart-1.9.7.rar open-flash-chart-1.9.7.rar open-flash-chart-1.9.7.rar open-flash-chart-1.9.7.rar open-flash-chart-1.9.7.rar
open-flash-chart2系列教程
NULL 博文链接:https://ywxowen999.iteye.com/blog/1683639
做统计图不错,flash动画效果,用配置文件的形式存在。使用很方便
NULL 博文链接:https://moyuan.iteye.com/blog/263979
DEMO:VS2010 ASP.NET MVC3.0 包含了多种图形报表:竖柱、横柱、曲线、网状、块状、混合(竖柱+曲线) ...对open-flash-chart源码做了一些优化:主要针对横柱,可以对每条柱设置颜色和显示值,鼠标悬停优化等...
open-flash-chart-2 flash 图像
open-flash-chart 2的swf文件,支持中文X轴旋转显示,Y轴显示中文标题,...其实在官方open-flash-chart-2-Lug-Wyrm-Charmer.zip里面有,里面的名字就是open-flash-chart-SimplifiedChinese.swf。感谢我就下载一下吧。
针对open-flash-chart.swfY轴显示中文bug,加入中文字库simsun.ttc,希望对有需要的人有所帮助
open-flash-chart2全套资源,包含dll等文件
open-flash-chart-1.9.7.zip
open-flash-chart是一个用来生成Flash的图表的组件,项目首页有很多漂亮的Flash图表以及使用示例
OpenFlash是国外的一款开源的web图表组件,以flash形式显示曲线饼图,支持多种web语言。压缩包中带有Demo
Why choose Open Flash Chart? This is a little gentle propaganda for the project. Like all opinions, disregard it and make up your own mind. Edge cases such as tooltips encourage user interactivity...
通过flash展示各种各样的动态报表 效果相当不错!!