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立体柱状图
|
分享到:
相关推荐
【疾病分类】 GUI SVM大脑疾病(脑瘤)和神经疾病(动脉瘤)分类【含Matlab源码 4093期】
Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主或扫描视频QQ名片; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
HC200-10标定版描述文件及标定版ps文件
Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主或扫描视频QQ名片; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
顾客模具验收鉴定报告.doc
2020年度SaaS企业 TOP100.docx
9培训申请单.xls
23数据技术 森林火灾预测系统 高品琦 商业计划书.docx
Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主或扫描视频QQ名片; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
风险与机会评价与应对策划表.xls
31客户满意度汇总表.xls
Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主或扫描视频QQ名片; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主或扫描视频QQ名片; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主或扫描视频QQ名片; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主或扫描视频QQ名片; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
与大学团队合作,设计一个包含 Raspberry Pi、摄像头模块和基于 YOLOv5 的对象检测算法的系统。• 开发了能够识别和分类各种交通标志的实时交通标志检测和分类系统
python读取excel数据 python读取excel到数据库中,简单的数据库管理脚本
成本中心领(退)料单.XLS
Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主或扫描视频QQ名片; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主或扫描视频QQ名片; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作