FusionCharts初学者解决方案(一)------3D柱形图

(一)FusionCharts官方网站http://www.fusioncharts.com/
(二)FusionCharts文档解释
文档包
—-各个文件的作用
Charts :里面包含着所有的SWF文件,如果你的Web项目需要创建图像,则导入相应的SWF文件即可。
Code :里面包含了所有的示例代码。
Contents :包含了文档,也就是API,包含了FusionCharts的使用方法。
Gallery :包含了一些图像的创建例子。
JSClass:FusionCharts javascript文件就放在这个目录下,这些文件能够帮组我们以一种友好的方式将图像插入到页面中。
(三)创建一个柱形图
1、jsp页面

$(document).ready(function() {
        var dataString="<graph caption='各法院短信发送量统计' xAxisName='法院名称(代码)' yAxisName='短信发送量(条)' " +
                "baseFontSize='12' bgcolor='#FFFFFF' showAboutMenuItem='0' formatNumberScale='0' "+
                    "plotSpacePercent='30' yAxisMaxValue='100' "+
                    "logoURL='' logoPosition='TL'>";
           $.ajax({
               type:"POST",
               url:"<%=request.getContextPath()%>/SpecialAccountManageSvlt",   //请求路径 请求Action(继承DispatcherAction)中的login方法
               success: function(responseText){
                 //获取银幕高度
                 var height=(window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight);
                   //根据你所需要的图形类型选择不同的swf,如3d柱状图为FCF_Column3D.swf,2d饼状图为FCF_Pie2D.swf
                     var chart = new FusionCharts("<%=request.getContextPath() %>/js/fusioncharts/Charts/Column3D.swf", 
                             "ChartId", "100%", height,"0","1");
                     chart.setDataXML(dataString+responseText+"</graph>");
                     chart.render("chartdiv");
                }
           });
        });

2、svlt层

//业务层
            SpecialAccountManageSvc service=new SpecialAccountManageSvc();
            List<String[]> list=service.getCourtSendList();
            StringBuffer sb=new StringBuffer();
            //循环获取数据
            if(list!=null&&list.size()>0){
                int nl=list.size();
                for(int i=0;i<nl;i++){
                    String[] temp=list.get(i);
                    sb.append("<set name='"+temp[0]+"("+temp[2]+")"+"'value='"+temp[1]+"'/>");
                }
            }
            Log.getInstance().printInfo(this.getClass().getName(),"法院短信量统计图数据: " + sb.toString());
            response.setContentType("text/html;charset=UTF-8");
            response.getWriter().print(sb.toString());

3、svc层

public List<String[]> getCourtSendList(){
            List<String[]> rt =new SpecialAccountManageDao().getSpecialList();
            return rt;
        }

4、dao层

public List<String[]> getSpecialList(){
            String sql = "SELECT bu.CourtName,IFNULL(b.SendTotalCount,0),bu.CourtCode " +
                    "FROM t_courtcode bu " +
                    "LEFT JOIN (SELECT CourtID,sum(SendTotalCount) AS SendTotalCount FROM t_courtsmscensus) AS b " +
                    "on b.CourtID=bu.CourtID";
            Log.getInstance().printInfo(this.getClass().getName(),
                    "SpecialAccountManageDao-> " + sql);
            return DataBaseManage.getInstance().executeQuery(sql, 3, null);
         }

5.效果图
效果图

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值