生活随笔
收集整理的這篇文章主要介紹了
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代碼??
<filter>??????<filter-name>struts2</filter-name>??????<filter-class>??????????org.apache.struts2.dispatcher.FilterDispatcher??????</filter-class>??</filter>??<filter-mapping>??????<filter-name>struts2</filter-name>??????<url-pattern>/*</url-pattern>??</filter-mapping>?? ?
?? ? ? ?3. 配置struts.xml
?? ? ? ? ? ?可從?struts-2.2.1.1\apps\struts2-blank\WEB-INF\src\java\?獲取struts.xml，復制到你自己的項目工程（amchartDemo）的src下?
?
Java代碼??
<struts>??????<package?name="statistic"?extends="struts-default">??????????<action?name="report"?class="com.web.action.ReportAction">??????????????<result?name="show-suc">/index.jsp</result>??????????</action>??????</package>??</struts>?? ?
?? ? ? ?4. 編寫Action
?? ? ? ? ? ?根據以上struts.xml的配置，創建ReportAction類，以及需要的Bean：
?
Java代碼??
package?com.web.action;????import?java.util.ArrayList;??import?java.util.List;??import?java.util.Map;??import?java.util.TreeMap;????import?com.model.beans.BaseBean;??import?com.opensymphony.xwork2.ActionContext;??import?com.opensymphony.xwork2.ActionSupport;????public?class?ReportAction?extends?ActionSupport?{????????public?String?showDay()?throws?Exception?{??????????List<BaseBean>?daylist?=?new?ArrayList<BaseBean>();????????????????????daylist.add(createBean(1L,"軟件A","#FF0000"));??????????daylist.add(createBean(2L,"軟件B","#FFC0CB"));??????????daylist.add(createBean(3L,"軟件C","#40E0D0"));??????????daylist.add(createBean(4L,"軟件D","#9ACD32"));??????????daylist.add(createBean(5L,"軟件E","#00FF7F"));????????????????????ActionContext.getContext().getSession().put("chartDataList",?daylist);??????????return?"show-suc";??????}?????????????????????private?BaseBean?createBean(Long?id,?String?softName,?String?color){??????????BaseBean?bean?=?new?BaseBean();??????????bean.setSoftId(id);??????????bean.setSoftName(softName);??????????bean.setColor(color);??????????Map<Integer,?Integer>?dataMap?=?new?TreeMap<Integer,?Integer>();????????????????????for(int?i?=?1;?i?<=?24;?i++){??????????????dataMap.put(i,?getRandom());??????????}??????????bean.setDataMap(dataMap);??????????return?bean;????????????????}????????????private?Integer?getRandom(){??????????return?(int)(Math.random()*1000);??????}??}?? 該bean與數據庫的表結構無關，而是對數據庫中的數據進行了進一步的統計處理（使用oracle的統計函數），封裝成這個BaseBean。主要就是對dataMap<時刻, 下載量>的封裝 Java代碼??
package?com.model.beans;????import?java.util.Map;????public?class?BaseBean?{????????????private?Long?softId;??????private?String?softName;??????private?String?color;??????private?Map<Integer,?Integer>?dataMap;????????????public?Long?getSoftId()?{??????????return?softId;??????}??????public?void?setSoftId(Long?softId)?{??????????this.softId?=?softId;??????}??????public?String?getSoftName()?{??????????return?softName;??????}??????public?void?setSoftName(String?softName)?{??????????this.softName?=?softName;??????}??????public?String?getColor()?{??????????return?color;??????}??????public?void?setColor(String?color)?{??????????this.color?=?color;??????}??????public?Map<Integer,?Integer>?getDataMap()?{??????????return?dataMap;??????}??????public?void?setDataMap(Map<Integer,?Integer>?dataMap)?{??????????this.dataMap?=?dataMap;??????}??}?? ??
?
三、使用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代碼??
<%@?page?language="java"?import="java.util.*"?pageEncoding="UTF-8"%>??<%@?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代碼??
<graphs>????????????????????????????????????????????????????????<s:iterator?value="#session.chartDataList"?status="st">????<graph?gid="<s:property?value="#st.index"/>">??????<title><s:property?value="softName"/></title>??????<line_width>2</line_width>??????????<color><s:property?value="color"/></color>??????????<color_hover><s:property?value="color"/></color_hover>??????????<bullet>round_outlined</bullet>??????????<balloon_text_color>000000</balloon_text_color>?????????????<balloon_text>??????????<![CDATA[{title}?on?{series}:?【{value}次】]]>??????????</balloon_text>??????????<selected>true</selected>????</graph>????</s:iterator>??</graphs>??? ?? ? ? ?4. 在statistic/line目錄下新建day_data.jsp
?
Java代碼??
<%@?page?language="java"?import="java.util.*"?pageEncoding="UTF-8"%>??<%@?taglib?prefix="s"?uri="/struts-tags"?%>??<?xml?version="1.0"?encoding="UTF-8"?>?????<chart>??????<series>??????????<s:iterator?value="#session.chartDataList"?status="st">??????????<s:if?test="#st.index==0">??????????????<s:iterator?value="dataMap">??????????????????<value?xid="<s:property?value="key"/>"><s:property?value="key"/>時</value>??????????????</s:iterator>??????????</s:if>??????????</s:iterator>??????</series>??????<graphs>??????????<s:iterator?value="#session.chartDataList"?status="st">??????????<graph?gid="<s:property?value="#st.index"/>">??????????????<s:iterator?value="dataMap">??????????????????<value?xid="<s:property?value="key"/>"><s:property?value="value"/></value>??????????????</s:iterator>??????????</graph>??????????</s:iterator>??????</graphs>??</chart>?? ?? ? ? ?5. 補充：破解amchart
?? ? ? ? ? ? 在statistic/line目錄下新建amcharts_key.txt，內容為
?
?? ? ? ? ? ??AMCHART-LNKS-1966-6679-1965-1082
6. WebRoot/index.jsp 1) 引入JS Java代碼??
<script?type="text/javascript"?src="<%=basePath?%>/statistic/swfobject.js"></script>?? 2) amchart使用 Java代碼??
?<body>?????<div?id="flashcontent">??????<strong>You?need?to?upgrade?your?Flash?Player</strong>??</div>????<script?type="text/javascript">????????????var?so?=?new?SWFObject("statistic/line/amline.swf",?"amline",?"900",?"600",?"8",?"#FFFFFF");??????so.addVariable("path",?"statistic/line/");??????so.addVariable("settings_file",?encodeURIComponent("statistic/line/day_settings.jsp?<%=Math.random()%>"));??????so.addVariable("data_file",?encodeURIComponent("statistic/line/day_data.jsp"));??????so.write("flashcontent");????????</script>???</body>?? 四、完成 訪問?http://localhost/amchartDemo/report!showDay.action??即可看到效果
轉載于:https://www.cnblogs.com/yujizais/archive/2012/03/14/2395527.html
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎
總結
以上是生活随笔為你收集整理的amcharts应用的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
