生活随笔
收集整理的這篇文章主要介紹了
amcharts应用
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
查看選中的軟件的下載量，通過(guò)amchart報(bào)表工具顯示出軟件日下載量，月下載量以及年下載量，下面簡(jiǎn)單介紹，amchart在struts2中的應(yīng)用。
amCharts提供JavaScript/HTML5圖表。一套包括串行（列，欄，線，區(qū)，步線，平滑線，燭臺(tái)，OHLC圖），餡餅/甜甜圈，雷達(dá)/極性和XY /分散/氣泡圖。amCharts的圖表提供了無(wú)與倫比的功能和性能，在一個(gè)高級(jí)的，符合標(biāo)準(zhǔn)的包里。
?
一、下載amchart
? ? ? ??點(diǎn)擊進(jìn)入下載頁(yè)面
?? ? ? ?選擇你想使用的報(bào)表顯示形狀進(jìn)行下載，較常用的主要是曲線圖和餅圖，這里以曲線圖為例：Line & Area
?
二、配置struts2
?? ? ? ?新建一個(gè)Web Project，比如：amchartDemo
?? ? ? ?1. JAR包引用
?? ? ? ?這里使用的是struts2的最新JAR包：struts-2.2.1.1：
?? ? ? ?該版本的struts2需要用到的JAR包有7個(gè)，一個(gè)都不能少
?? ? ? ?可在下面工程中獲取：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，復(fù)制到你自己的項(xiàng)目工程（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. 編寫(xiě)Action
?? ? ? ? ? ?根據(jù)以上struts.xml的配置，創(chuàng)建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與數(shù)據(jù)庫(kù)的表結(jié)構(gòu)無(wú)關(guān)，而是對(duì)數(shù)據(jù)庫(kù)中的數(shù)據(jù)進(jìn)行了進(jìn)一步的統(tǒng)計(jì)處理（使用oracle的統(tǒng)計(jì)函數(shù)），封裝成這個(gè)BaseBean。主要就是對(duì)dataMap<時(shí)刻, 下載量>的封裝 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下新建一個(gè)目錄?WebRoot/statistic/line
?
?? ? ? 2. 解壓amline_1.6.4.1.zip
?? ? ? ? ? a) 將?amline_1.6.4.1\amline?目錄下的swfobject.js復(fù)制到statistic目錄下（注：swfobject.js放于哪無(wú)所謂，關(guān)鍵是頁(yè)面上的引用）
?? ? ? ? ? b)?將?amline_1.6.4.1\amline?目錄下的amline.swf?復(fù)制到statistic/line目錄下
?? ? ? ? ? c)?將?amline_1.6.4.1\amline?目錄下的amline_settings.xml?復(fù)制到statistic/line目錄下，同時(shí)，把a(bǔ)mline_settings.xml改名為day_settings.jsp
?
?? ? ? ?3. 修改day_settings.jsp
?? ? ? ? ? a) 在day_settings.jsp的最開(kāi)始處增加如下代碼：
?
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>?
?? ? ? ? ? ? ? ? ?這里的數(shù)值表示小數(shù)點(diǎn)后的位數(shù)
?
?? ? ? ? ? c) 將<graphs></graphs>標(biāo)簽里的內(nèi)容刪除，替換成：
?
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"/>時(shí)</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. 補(bǔ)充：破解amchart
?? ? ? ? ? ? 在statistic/line目錄下新建amcharts_key.txt，內(nèi)容為
?
?? ? ? ? ? ??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>?? 四、完成 訪問(wèn)?http://localhost/amchartDemo/report!showDay.action??即可看到效果
轉(zhuǎn)載于:https://www.cnblogs.com/yujizais/archive/2012/03/14/2395527.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)
總結(jié)
以上是生活随笔為你收集整理的amcharts应用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。
