OpenFlashChart组件的使用.doc

Open Flash Chart组件的使用 简介 OpenFlashChart是一个开源的报表制作组件，该组件能够自动生成一个好看的、动态的flash报表；该组件使用flash展示报表能够很好的做到与浏览器进行集成，目前浏览器基本都能很好的支持flash；该组件还支持一些简单的JavaScript，提供在图形上对外部URL的链接；该组件非常小，java类一共不超过10个，可操作的API也很少，这样学习起来也非常容易上手。但可阅读的文档非常少，在与其它框架集成方面还有些问题。 主要配置项： openflashchart.jar:Open Flash Chart组件，工程开始时引入(lib目录下)。 open-flash-chart.swf:Flash文件接口，通过该文件来生成Flash文件，备页面调用(在web目录下，与WEB-INF目录并级)。 swfobject.js:Flash文件依赖的JS文件(在web目录下，与WEB-INF目录并级)。 Open Flash Chart主要有：HTML、JSP、Servlet等三种使用方式。分别介绍如下： HTML方式： 数据文件：data.txt 以下数据都是以结尾： //设置图形标题、颜色 title=AAA,{font-size:30px; color:#000000} //设置饼图的属性 pie=60,#9933CC,{display: n-one; font-size:16px; color: #ff0000;},false,3 values=0,2,0,2,6 //设置各块图形的颜色 X colours=#d01f3c,#356aa0,#C79810,#73880A,#D15600,#6BBA70 colours=#d01f3c,#356aa0,#C79810 //设置各块图形的onclick链接 links=javascript:alert(9),javascript:alert(6),javascript:alert(7),javascript:alert(9),javascript:alert(5),javascript:alert(7),javascript:alert(6),javascript:alert(9),javascript:alert(9) //设置饼图各块的标签 pie_labels=zero,two,zero,two (2),six //设置各块图形单位 tool_tip=Value: #val#% 显示文件：chart.html Flash的数据路径需要在以下两个地方设置： object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase=/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0 width=500 height=250 //设置flash的大小 id=ie_chart align=middle param name=allowScriptAccess value=always / param name=movie value=open-flash-chart.swf?width=500height=250data=data.txt / //设置flash的大小和数据的来源(来源于data.txt文件) param name=quality value=high / param name=bgcolor value=#FFFFFF / //设置flash的大小和数据的来源(来源于data.txt文件) embed src=open-flash-chart.swf?data=data.txt quality=high bgcolor=#FFFFFF width=500 height=250 name=chart align=middle allowScriptAccess=always type=application/x-shockwave-flash pluginspage=/go/getflashplayer id=chart / /object JSP方式： 数据文件： chart-data-line.jsp body % int max = 50; ListString data = new ArrayListString(); //ListString data2 = new ArrayListString(); //ListString data3 = new ArrayListString(); ListString li