amcharts应用

查看选中的软件的下载量,通过amchart报表工具显示出软件日下载量,月下载量以及年下载量,下面简单介绍,amchart在struts2中的应用。

amCharts提供JavaScript/HTML5图表。一套包括串行(列,栏,线,区,步线,平滑线,烛台,OHLC图),馅饼/甜甜圈,雷达/极性和XY /分散/气泡图。amCharts的图表提供了无与伦比的功能和性能,在一个高级的,符合标准的包里。

 

一、下载amchart

        点击进入下载页面

        选择你想使用的报表显示形状进行下载,较常用的主要是曲线图和饼图,这里以曲线图为例:Line & Area

 

二、配置struts2

        新建一个Web Project,比如:amchartDemo

        1. JAR包引用

        这里使用的是struts2的最新JAR包:struts-2.2.1.1:

        该版本的struts2需要用到的JAR包有7个,一个都不能少

        可在下面工程中获取:struts-2.2.1.1\apps\struts2-blank\WEB-INF\lib

        commons-fileupload-1.2.1.jar

        commons-io-1.3.2.jar

        freemarker-2.3.16.jar

        javassist-3.7.ga.jar

        ognl-3.0.jar

        struts2-core-2.2.1.1.jar

        xwork-core-2.2.1.1.jar

 

        2. 配置web.xml (WebRoot\WEB-INF\web.xml)

Java代码  收藏代码
  1. <filter>  
  2.     <filter-name>struts2</filter-name>  
  3.     <filter-class>  
  4.         org.apache.struts2.dispatcher.FilterDispatcher  
  5.     </filter-class>  
  6. </filter>  
  7. <filter-mapping>  
  8.     <filter-name>struts2</filter-name>  
  9.     <url-pattern>/*</url-pattern>  
  10. </filter-mapping>  

 

        3. 配置struts.xml

            可从 struts-2.2.1.1\apps\struts2-blank\WEB-INF\src\java\ 获取struts.xml,复制到你自己的项目工程(amchartDemo)的src下 

 

Java代码  收藏代码
  1. <struts>  
  2.     <package name="statistic" extends="struts-default">  
  3.         <action name="report" class="com.web.action.ReportAction">  
  4.             <result name="show-suc">/index.jsp</result>  
  5.         </action>  
  6.     </package>  
  7. </struts>  

 

        4. 编写Action

            根据以上struts.xml的配置,创建ReportAction类,以及需要的Bean:

 

Java代码  收藏代码
  1. package com.web.action;  
  2.   
  3. import java.util.ArrayList;  
  4. import java.util.List;  
  5. import java.util.Map;  
  6. import java.util.TreeMap;  
  7.   
  8. import com.model.beans.BaseBean;  
  9. import com.opensymphony.xwork2.ActionContext;  
  10. import com.opensymphony.xwork2.ActionSupport;  
  11.   
  12. public class ReportAction extends ActionSupport {  
  13.   
  14.     public String showDay() throws Exception {  
  15.         List<BaseBean> daylist = new ArrayList<BaseBean>();  
  16.         /*================数据模拟==================*/  
  17.         daylist.add(createBean(1L,"软件A","#FF0000"));  
  18.         daylist.add(createBean(2L,"软件B","#FFC0CB"));  
  19.         daylist.add(createBean(3L,"软件C","#40E0D0"));  
  20.         daylist.add(createBean(4L,"软件D","#9ACD32"));  
  21.         daylist.add(createBean(5L,"软件E","#00FF7F"));  
  22.         /*=========================================*/  
  23.         ActionContext.getContext().getSession().put("chartDataList", daylist);  
  24.         return "show-suc";  
  25.     }  
  26.   
  27.     /** 
  28.      * 创建模拟数据 
  29.      * @author Christy Lan 
  30.      * @version 1.0 
  31.      * @param  
  32.      * @return BaseBean 
  33.      * @exception 
  34.      */  
  35.     private BaseBean createBean(Long id, String softName, String color){  
  36.         BaseBean bean = new BaseBean();  
  37.         bean.setSoftId(id);  
  38.         bean.setSoftName(softName);  
  39.         bean.setColor(color);  
  40.         Map<Integer, Integer> dataMap = new TreeMap<Integer, Integer>();  
  41.         //一天24小时  
  42.         for(int i = 1; i <= 24; i++){  
  43.             dataMap.put(i, getRandom());//模拟每小时的下载量  
  44.         }  
  45.         bean.setDataMap(dataMap);  
  46.         return bean;  
  47.           
  48.     }  
  49.       
  50.     private Integer getRandom(){  
  51.         return (int)(Math.random()*1000);  
  52.     }  
  53. }  
该bean与数据库的表结构无关,而是对数据库中的数据进行了进一步的统计处理(使用oracle的统计函数),封装成这个BaseBean。主要就是对dataMap<时刻, 下载量>的封装
Java代码  收藏代码
  1. package com.model.beans;  
  2.   
  3. import java.util.Map;  
  4.   
  5. public class BaseBean {  
  6.       
  7.     private Long softId;//软件ID  
  8.     private String softName;//软件名字  
  9.     private String color;//该软件在amchart报表中显示的颜色  
  10.     private Map<Integer, Integer> dataMap;//存放统计信息  
  11.       
  12.     public Long getSoftId() {  
  13.         return softId;  
  14.     }  
  15.     public void setSoftId(Long softId) {  
  16.         this.softId = softId;  
  17.     }  
  18.     public String getSoftName() {  
  19.         return softName;  
  20.     }  
  21.     public void setSoftName(String softName) {  
  22.         this.softName = softName;  
  23.     }  
  24.     public String getColor() {  
  25.         return color;  
  26.     }  
  27.     public void setColor(String color) {  
  28.         this.color = color;  
  29.     }  
  30.     public Map<Integer, Integer> getDataMap() {  
  31.         return dataMap;  
  32.     }  
  33.     public void setDataMap(Map<Integer, Integer> dataMap) {  
  34.         this.dataMap = dataMap;  
  35.     }  
  36. }  

  

 

三、使用amchart

       1. 在WebRoot下新建一个目录 WebRoot/statistic/line

 

       2. 解压amline_1.6.4.1.zip

           a) 将 amline_1.6.4.1\amline 目录下的swfobject.js复制到statistic目录下(注:swfobject.js放于哪无所谓,关键是页面上的引用)

           b) 将 amline_1.6.4.1\amline 目录下的amline.swf 复制到statistic/line目录下

           c) 将 amline_1.6.4.1\amline 目录下的amline_settings.xml 复制到statistic/line目录下,同时,把amline_settings.xml改名为day_settings.jsp

 

        3. 修改day_settings.jsp

           a) 在day_settings.jsp的最开始处增加如下代码:

 

Java代码  收藏代码
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <%@ taglib prefix="s" uri="/struts-tags" %>  

           b) 将<digits_after_decimal>2</digits_after_decimal> 改为

                  <digits_after_decimal>0</digits_after_decimal> 

                  这里的数值表示小数点后的位数

 

           c) 将<graphs></graphs>标签里的内容删除,替换成:

 

Java代码  收藏代码
  1. <graphs>                                                      
  2.   <s:iterator value="#session.chartDataList" status="st">  
  3.   <graph gid="<s:property value="#st.index"/>">  
  4.     <title><s:property value="softName"/></title>  
  5.     <line_width>2</line_width>  
  6.         <color><s:property value="color"/></color>  
  7.         <color_hover><s:property value="color"/></color_hover>  
  8.         <bullet>round_outlined</bullet>  
  9.         <balloon_text_color>000000</balloon_text_color>     
  10.         <balloon_text>  
  11.         <![CDATA[{title} on {series}: 【{value}次】]]>  
  12.         </balloon_text>  
  13.         <selected>true</selected>  
  14.   </graph>  
  15.   </s:iterator>  
  16. </graphs>   

        4. 在statistic/line目录下新建day_data.jsp

 

Java代码  收藏代码
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <%@ taglib prefix="s" uri="/struts-tags" %>  
  3. <?xml version="1.0" encoding="UTF-8"?>     
  4. <chart>  
  5.     <series>  
  6.         <s:iterator value="#session.chartDataList" status="st">  
  7.         <s:if test="#st.index==0">  
  8.             <s:iterator value="dataMap">  
  9.                 <value xid="<s:property value="key"/>"><s:property value="key"/>时</value>  
  10.             </s:iterator>  
  11.         </s:if>  
  12.         </s:iterator>  
  13.     </series>  
  14.     <graphs>  
  15.         <s:iterator value="#session.chartDataList" status="st">  
  16.         <graph gid="<s:property value="#st.index"/>">  
  17.             <s:iterator value="dataMap">  
  18.                 <value xid="<s:property value="key"/>"><s:property value="value"/></value>  
  19.             </s:iterator>  
  20.         </graph>  
  21.         </s:iterator>  
  22.     </graphs>  
  23. </chart>  

        5. 补充:破解amchart

             在statistic/line目录下新建amcharts_key.txt,内容为

 

             AMCHART-LNKS-1966-6679-1965-1082

6. WebRoot/index.jsp
1) 引入JS
Java代码  收藏代码
  1. <script type="text/javascript" src="<%=basePath %>/statistic/swfobject.js"></script>  
2) amchart使用
Java代码  收藏代码
  1.  <body>  
  2.    <div id="flashcontent">  
  3.     <strong>You need to upgrade your Flash Player</strong>  
  4. </div>  
  5.   
  6. <script type="text/javascript">  
  7.     // <![CDATA[       
  8.     var so = new SWFObject("statistic/line/amline.swf""amline""900""600""8""#FFFFFF");  
  9.     so.addVariable("path""statistic/line/");  
  10.     so.addVariable("settings_file", encodeURIComponent("statistic/line/day_settings.jsp?<%=Math.random()%>"));  
  11.     so.addVariable("data_file", encodeURIComponent("statistic/line/day_data.jsp"));  
  12.     so.write("flashcontent");  
  13.     // ]]>  
  14. </script>  
  15.  </body>  
四、完成
访问 http://localhost/amchartDemo/report!showDay.action  即可看到效果

转载于:https://www.cnblogs.com/yujizais/archive/2012/03/14/2395527.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/267268.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

两种常见挂载Jenkins slave节点的方法

1、挂载slave节点的方法 在Jenkins的Master上&#xff0c;进入Mange node页面&#xff0c;可以管理node节点&#xff0c;例如新加、删除等操作。 其中&#xff0c; Name是节点名字&#xff1b; Description是节点描述&#xff1b; // of executors是该节点可以同时运行job的数…

linux下makefile中cp,make与makefile 的理解

当我们写程序过程中存在多个文件之间有复杂的包含关系时&#xff0c;若修改了其中一个源文件&#xff0c;就重新编译所有文件&#xff0c;一般是不必要的&#xff0c;并且当文件很多时&#xff0c;就显得非常笨拙。所有包含该文件的文件需要重新编译&#xff0c;而其它无关系的…

spinlock与linux内核调度的关系

作者&#xff1a;刘洪涛&#xff0c;华清远见嵌入式学院高级讲师&#xff0c;ARM公司授权ATC讲师。 关于自旋锁用法介绍的文章&#xff0c;已经有很多&#xff0c;但有些细节的地方点的还不够透。我这里就把我个人认为大家容易有疑问的地方拿出来讨论一下。 一、自旋锁&#x…

Python参数类型

位置参数默认参数可变参数命名关键字参数关键字参数1 def position_only(a, b):2 print(a, b)3 4 def keyword(aa, bb):5 print(a, b)6 7 def arg(a, *args):8 print(a, args)9 10 def kw(a, **kwargs): 11 print(a, kwargs) 12 13 def many1(a, b, cc, *arg…

keil用c语言怎么编辑器,用keil软件编写单片机程序的步骤

猜你感兴趣&#xff1a;新手教程&#xff1a;单片机的学习实践步骤运用单片机便是了解单片机硬件结构&#xff0c;以及内部资源的运用&#xff0c;在汇编或C语言中学会各种功用的初始化设置&#xff0c;以及完成各种功用的程序编制。 运用按钮输入信号&#xff0c;发光二极管显…

24c语言程序设计是啥,《C语言程序设计》作业答案.docx

精心整理《 C 语言程序设计》作业答案1&#xff0e;第 4题以下程序的输出结果是______。main(){intn[3][3],i,j;精心整理for(i0;ifor(j0;jfor(i0;ifor(j0;j)n[i1][j1]n[i][j];printf("%d\n",n[i][j]);---来源网络&#xff0c;仅供分享学习2/145精心整理}A.14B.0C.6D.…

体重 年龄 性别 身高 预测鞋码_【新手扫盲】身高体重性别年龄身体素质影响玩滑板吗?...

很多新手在迈入滑板大门之前都会有诸多顾虑&#xff0c;以为滑板跟其他运动一样&#xff0c;门槛很高我想说&#xff0c;滑板是项自由友好的运动下到3岁小宝宝&#xff0c;上到60岁以上老人只要你想玩&#xff0c;那就可以参与进来没有任何因素能阻止你玩滑板1、你比他高吗&…

c语言读入文件排序,帮忙-如何对文件排序啊

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼楼主加分哦&#xff0c;看看吧#include #include //#include #include #include using namespace std;void dfsFolder(string folderPath){ _finddata_t FileInfo; string strfind folderPath "\\*.*"; long Handle _…

html5点击按钮出现弹窗 怎么实现_HTML5游戏开发过程中的二三事

文/ Luiu最近跟的一款项目是HTML5手游&#xff0c;在这个项目中遇到并解决了诸多问题&#xff0c;也学习到了很多项目开发过程中需要注意的事情。这个项目自立项到现在已经过了5个多月&#xff0c;如今项目研发已经过了早期的忙乱阶段&#xff0c;于是借此机会梳理下思绪&#…

HDU 2063 过山车【二分图最大匹配】

Problem DescriptionRPG girls今天和大家一起去游乐场玩&#xff0c;终于可以坐上梦寐以求的过山车了。可是&#xff0c;过山车的每一排只有两个座位&#xff0c;而且还有条不成文的规矩&#xff0c;就是每个女生必须找个个男生做partner和她同坐。但是&#xff0c;每个女孩都有…

c语言编写贪吃蛇代码无错,刚学C语言,想写一个贪吃蛇的代码

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼#include#include#include#includetypedef struct snake{int a;int b;struct snake *u;struct snake *n;}snake,*snake1;typedef struct food{int a;int b;}food;void main(){char c,c0 d;int i,j,k,n1,t,at;snake p,q;snake *dd,…

blockchain_eth客户端安装 geth使用 批量转账(二)

回顾一下&#xff0c;前面我们讲到启动geth geth --rpc --datadir "F:/geth/Geth/" --light console 2>console.log 这一篇接着上面讲geth的使用&#xff0c;分为4个部分 1、创建账户 2、验证区块是否更新完毕 3、解锁账户 4、转账 此时进入到命令行模式 1、首先&…

CGContextAddLines和CGContextAddLineToPoint在线条半透明时候的区别

这两种都可以用来画线&#xff0c;前一种将整条线加入后画出&#xff0c;后一种对每个点进行和前一个点的连线。 sample1-(void)drawLine:(YJLines *)line{ int count [line.points count]; CGPoint addLines[count]; for (int j0; j< [line.points count]; j) { CGPoint …

android xml获取指定,android:如何从xml文件中获取信息?

我得到一个程序&#xff0c;从一个链接的服务器获取天气。我已经做了一些将字符串结合到URL的字符串。我现在需要从XML文件中获取信息。android&#xff1a;如何从xml文件中获取信息&#xff1f;这是我的代码&#xff1a;(我更换了&#xff0c;为了安全起见API KEY)package com…

科研入门之在web of science

ISI Web of Science是全球最大、覆盖学科最多的综合性学术信息资源&#xff0c;收录了自然科学、工程技术、生物医学等各个研究领域最具影响力的超过8700多种核心学术期刊。利用Web of Science丰富而强大的检索功能-普通检索、被引文献检索、化学结构检索&#xff0c;可以方便快…

手动生成 XML

2019独角兽企业重金招聘Python工程师标准>>> private void Button1_Click(object sender, System.EventArgs e) { //创建新的xml XmlDocument doc new XmlDocument(); doc.LoadXml("<company></company>"); //设置版本信息 XmlDeclaration x…

android 资源如何下沉,个推安卓手机报告: 华为一路领跑,OV下沉市场表现不俗

近日&#xff0c;国内专业的数据智能服务商个推(股票代码&#xff1a;每日互动 300766.sz)发布《 2019 年度安卓智能手机报告》&#xff0c;对华为、小米、OPPO、vivo、三星等国内主要智能手机品牌进行盘点。数据显示&#xff0c;华为手机 2019 年表现不俗&#xff0c;不仅以25…

序列化shelve模块

1.shelve对pickle进行封装&#xff0c;所以shelve也只能在python里使用。 shelve可以进行多次dump而且顺序不会乱。 import shelvef shelve.open(shelve_test) #打开文件方式和json&#xff0c;pickle不同。names [li,xiao,xiao,ali,lucas] dicts {lucy:1,liming:2,casio…

for循环执行 mybatis_mybatis sql循环的使用

foreach的主要用在构建in条件中&#xff0c;它可以在SQL语句中进行迭代一个集合。foreach元素的属性主要有 item&#xff0c;index&#xff0c;collection&#xff0c;open&#xff0c;separator&#xff0c;close。item表示集合中每一个元素进行迭代时的别名&#xff0c;index…

jQuery EasyUI API 中文文档 - 微调器(Spinner)

Spinner 微调器扩展自 $.fn.validatebox.defaults&#xff0c;用 $.fn.spinner.defaults 重写了 defaults。依赖validatebox用法1. <input id"ss" value"2"> 1. $(#ss).spinner({ 2. required:true, 3. increment:10 4. }); 特性其特…