金和OA在自定义表单中,加入Fusionchart图表功能
来源:互联网 发布:iphone怎么设置网络 编辑:程序博客网 时间:2024/05/20 02:27
第1步:下载FusionChart吧,免费版本,网上搜搜就有了,具体FusionChart的使用方法,我就不介绍了,自己看看他的文档吧,
还是比较全的;
第2步:将FusionCharts.js拷贝到 \JINHER\C6\Jhsoft.Web.module\fceform\js 目录下;
第3步:在 \JINHER\C6\Jhsoft.Web.module\testbill目录下创建 swf 文件夹,并将Fusionchar中的swf文件拷贝进去;
第4步:在自定义表单的表单属性的其他控制里中,加入FusionCharts.js;
第5步:在表单中设计如下代码(举例)
//当日体检工作量统计function showToday(){ var sConn="Provider=SQLOLEDB.1;Data Source=10.88.3.6;Initial Catalog=cm_system;User ID=sa;pwd=; Persist Security Info=false"; var sql="select b.idx bhksort ,count(a.idx) bhkcount from td_tj_bhk a right join tb_tj_bhksrt b on a.bhksrtidx=b.idx and bhkdat>= "+ "convert(varchar(10),getdate(),120) and bhkdat< convert(varchar(10),getdate()+1,120) group by b.idx order by b.idx"; var oxml= DbSql(dsToday,sConn,sql,1,-1); var odom=SetDom(oxml); var len= odom.documentElement.childNodes.length; var chart= new FusionCharts("../swf/Column3D.swf","ChartId","454","326","0","1"); var chartXML="<chart yAxisName='体检人数' caption='本日体检量' showBorder='1' baseFontSize='12' formatNumberScale='0'>"; var value=""; var label=""; var zwtj=0; for(var i=0;i<len-1;i++){ label=NavJs.textContent(odom.documentElement.childNodes[i].childNodes[0]); value=NavJs.textContent(odom.documentElement.childNodes[i].childNodes[1]); if (label=='1') label="从业体检"; else if (label=='2') label="普通体检"; else if (label=='3') label="职业体检"; else if (label=='4') label="放射体检"; else if (label=='5') label="学校体检"; else if (label=='6') label="福利体检"; chartXML+="<set label='"+label+"'"; chartXML+=" value='"+value +"'/>"; } chartXML+="<set label='职卫体检' value='"+zwtj+"'/>"; chartXML+="</chart>"; chart.setDataXML(chartXML); chart.render("chartToday");}
请注意:(1)代码中var chart= new FusionCharts("../swf/Column3D.swf","ChartId","454","326","0","1")的路径设置;
(2)代码中 chart.render("chartToday"); chartToday 是你需要展示图形的DIV 的ID;效果如图:
- 金和OA在自定义表单中,加入Fusionchart图表功能
- rails 中使用fusionchart的图表导出功能
- FineUI中点击按钮显示FusionChart图表
- 在leanote中加入自定义样式表和脚本
- 通达OA-如何在工作流表单中添加按钮
- Extjs中动态改变FusionChart的图表类型
- FusionChart图表控件使用说明
- FusionChart 复杂类型图表
- ECharts官方教程(六)【在图表中加入交互组件】
- 在应用中加入全文检索功能
- 在应用中加入全文检索功能
- 在网页中加入天气预报功能
- 在Adobe Reader中加入书签功能
- 在SPS中加入自定义WebService
- 在fastreport中加入自定义函数。
- 如何在DataGridView中加入自定义组件
- 在ServiceManager中加入自定义的服务
- 通达OA 在OA系统中增加员工自助查询工资条的功能(图文)
- JDK环境变量配置
- Sublime Text 2中文显示乱码问题
- HDU2133:What day is it
- myeclipse安装findbugs插件
- Linux系统和网络安全
- 金和OA在自定义表单中,加入Fusionchart图表功能
- VMware 安装 redhat 关键步骤和注意事项
- Hibernate基本开发步骤
- canvas初步学习
- myeclipse安装svn插件
- Linux 操作系统基础
- JAVA GUI(jar 双击执行)
- 第四次课后作业
- 指针——钻石指针