查看选中的软件的下载量，通过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. import java.util.ArrayList;
3. import java.util.List;
4. import java.util.Map;
5. import java.util.TreeMap;
6. import com.model.beans.BaseBean;
7. import com.opensymphony.xwork2.ActionContext;
8. import com.opensymphony.xwork2.ActionSupport;
9. public class ReportAction extends ActionSupport {
10. public String showDay() throws Exception {
11. List<BaseBean> daylist = new ArrayList<BaseBean>();
12. /*================数据模拟==================*/
13. daylist.add(createBean(1L,"软件A","#FF0000"));
14. daylist.add(createBean(2L,"软件B","#FFC0CB"));
15. daylist.add(createBean(3L,"软件C","#40E0D0"));
16. daylist.add(createBean(4L,"软件D","#9ACD32"));
17. daylist.add(createBean(5L,"软件E","#00FF7F"));
18. /*=========================================*/
19. ActionContext.getContext().getSession().put("chartDataList", daylist);
20. return "show-suc";
21. }
22. /**
23. * 创建模拟数据
24. * @author Christy Lan
25. * @version 1.0
26. * @param
27. * @return BaseBean
28. * @exception
29. */
30. private BaseBean createBean(Long id, String softName, String color){
31. BaseBean bean = new BaseBean();
32. bean.setSoftId(id);
33. bean.setSoftName(softName);
34. bean.setColor(color);
35. Map<Integer, Integer> dataMap = new TreeMap<Integer, Integer>();
36. //一天24小时
37. for(int i = 1; i <= 24; i++){
38. dataMap.put(i, getRandom());//模拟每小时的下载量
39. }
40. bean.setDataMap(dataMap);
41. return bean;
42. }
43. private Integer getRandom(){
44. return (int)(Math.random()*1000);
45. }
46. }

Java代码  

1. package com.model.beans;
2. import java.util.Map;
3. public class BaseBean {
4. private Long softId;//软件ID
5. private String softName;//软件名字
6. private String color;//该软件在amchart报表中显示的颜色
7. private Map<Integer, Integer> dataMap;//存放统计信息
8. public Long getSoftId() {
9. return softId;
10. }
11. public void setSoftId(Long softId) {
12. this.softId = softId;
13. }
14. public String getSoftName() {
15. return softName;
16. }
17. public void setSoftName(String softName) {
18. this.softName = softName;
19. }
20. public String getColor() {
21. return color;
22. }
23. public void setColor(String color) {
24. this.color = color;
25. }
26. public Map<Integer, Integer> getDataMap() {
27. return dataMap;
28. }
29. public void setDataMap(Map<Integer, Integer> dataMap) {
30. this.dataMap = dataMap;
31. }
32. }

三、使用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

Java代码  

1. <script type="text/javascript" src="<%=basePath %>/statistic/swfobject.js"></script>

Java代码  

1. <body>
2. <div id="flashcontent">
3. <strong>You need to upgrade your Flash Player</strong>
4. </div>
5. <script type="text/javascript">
6. // <![CDATA[
7. var so = new SWFObject("statistic/line/amline.swf", "amline", "900", "600", "8", "#FFFFFF");
8. so.addVariable("path", "statistic/line/");
9. so.addVariable("settings_file", encodeURIComponent("statistic/line/day_settings.jsp?<%=Math.random()%>"));
10. so.addVariable("data_file", encodeURIComponent("statistic/line/day_data.jsp"));
11. so.write("flashcontent");
12. // ]]>
13. </script>
14. </body>