<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
verticalAlign="middle"
backgroundColor="white"
initialize="init()">
<mx:LineChart id="lineChart"
showDataTips="true"
width="462"
height="342"
seriesFilters="[]" x="10" y="141">
<!--showAllDataTips="true"-->
<mx:backgroundElements>
<mx:GridLines horizontalTickAligned="true" verticalTickAligned="true">
<mx:horizontalFill>
<mx:SolidColor color="haloBlue" alpha="0.2" />
</mx:horizontalFill>
<mx:horizontalAlternateFill>
<mx:SolidColor color="haloSilver" alpha="0.2" />
</mx:horizontalAlternateFill>
<mx:verticalFill>
<mx:SolidColor color="haloBlue" alpha="0.2" />
</mx:verticalFill>
<mx:verticalAlternateFill>
<mx:SolidColor color="haloSilver" alpha="0.2" />
</mx:verticalAlternateFill>
</mx:GridLines>
</mx:backgroundElements>
<!-- vertical axis -->
<mx:verticalAxis>
<mx:LinearAxis id="chartVerticalAxis" displayName="Count" baseAtZero="false" title="Count" />
</mx:verticalAxis>
<!-- horizontal axis -->
<mx:horizontalAxis>
<mx:CategoryAxis id="chartHorizontalAxis" categoryField="@datePoint" title="Date" />
</mx:horizontalAxis>
<!-- horizontal axis renderer -->
<mx:horizontalAxisRenderers>
<mx:AxisRenderer axis="{chartHorizontalAxis}" canDropLabels="true" />
</mx:horizontalAxisRenderers>
<!-- series -->
<mx:series>
</mx:series>
</mx:LineChart>
<!-- this is a http service used for send request and get return result do something-->
<mx:HTTPService id="httpServiceXMl" url="http://example.com//example params" method="POST" showBusyCursor="true" resultFormat="e4x">
<mx:request>
<method>public</method>
<type>xml</type>
</mx:request>
</mx:HTTPService>
<mx:Script>
<![CDATA[
import mx.charts.chartClasses.DataDescription;
import mx.charts.series.LineSeries;
import mx.collections.XMLListCollection;
import mx.controls.Alert;
import mx.events.CloseEvent;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
import spark.components.CheckBox;
// declare some global variable
var checkChanged:Boolean = false; //用于标记事件的来源是否是由check box的改变而触发的， true为是，false为其他触发
var showModel:String = "Ind"; //用于标记当前选择的是 Individua, MultiInd Individua, 还是 ALL Individua
var groupBy:String = "byMonth"; //用于标记当前选择的是byHour,byDay,byWeek,byMonth,byYear
var previousDateFrom:String; //用于在鼠标事件mousedown中记录dateFrom改变时间前的值
var previousDateTo:String; //用于在鼠标事件mousedown中记录dateTo改变时间前的值
var showType:String = ""; //用于标记当前是哪儿check box触发的，PT或NC或....
var showTypeArray:Array = new Array; //用于记录所有check box的selected为true的ID，ON,OE,ST,LJ或....
var basicUrl:String = "http://tools.localhost:8080"; //接受请求的服务器域名，命名规则为 "http://example.com"
private function init():void
{
//init some checkbox' enable
//这些check box只有当ALL Individua 的selected为true时才能用
DCO.enabled = false;
DE.enabled = false;
JIL.enabled = false;
CIL.enabled = false;
TIL.enabled = false;
FIL.enabled = false;
CCL.enabled = false;
NJL.enabled = false;
NEL.enabled = false;
LJ.enabled = false;
ST.enabled = false;
//bind http service which used for get xml info and bind to userlist
httpServiceXMl.addEventListener(ResultEvent.RESULT,onResult);
httpServiceXMl.addEventListener(FaultEvent.FAULT,onFault);
httpServiceXMl.url = "http://tools.localhost:8080/emailtrace/flexconphp/init/lsds";
httpServiceXMl.send();
//init dateFrom and dateTo date
var dt:Date = new Date;
var df:Date = new Date;
df["date"] -= 7;
dateFrom.text = df.fullYear.toString()+"-"+(df.getMonth().toString().length == 1 ? ("0"+(df.getMonth()+1)):(df.getMonth()+1))+"-"+(df.getDate().toString().length == 1?"0"+(df.getDate()):df.getDate());
dateTo.text = dt.fullYear.toString()+"-"+(dt.getMonth().toString().length == 1 ? ("0"+(dt.getMonth()+1)):(dt.getMonth()+1))+"-"+(dt.getDate().toString().length == 1?"0"+(dt.getDate()):dt.getDate());
//init checkbox enable to false, cuz it's have no data or don't sure
NCA.enabled = false;
SCV.enabled = false;
APP.enabled = false;
DCA.enabled = false;
NCJ.enabled = false;
DCJ.enabled = false;
OE.enabled = false;
HE.enabled = false;
HC.enabled = false;
//don't sure so init enable to false
byHour.enabled = false;
/***************************************/
/************add event listener ********/
/***************************************/
userList.addEventListener(Event.CHANGE,userList_changeHandler);
dateFrom.addEventListener(Event.CHANGE,checkDateRight);
dateFrom.addEventListener(MouseEvent.MOUSE_DOWN,dateFrom_MouseDownHandler);
dateTo.addEventListener(Event.CHANGE,checkDateRight);
dateTo.addEventListener(MouseEvent.MOUSE_DOWN,dateTo_MouseDownHandler);
testDB.addEventListener(MouseEvent.CLICK,testBindDB);
// byHour.addEventListener(Event.CHANGE,byHour_changeHandler);
byDay.addEventListener(Event.CHANGE,byDay_changeHandler);
byWeek.addEventListener(Event.CHANGE,byWeek_changeHandler);
byMonth.addEventListener(Event.CHANGE,byMonth_changeHandler);
byYear.addEventListener(Event.CHANGE,byYear_changeHandler);
Ind.addEventListener(Event.CHANGE,Ind_changeHandler);
// MultiInd.addEventListener(Event.CHANGE,MultiInd_changeHandler);
AllInd.addEventListener(Event.CHANGE,AllInd_changeHandler);
//bind change event to check box
/****************CANDIDATE********************/
NCO.addEventListener(Event.CHANGE,NCO_changeHandler);
// NCA.addEventListener(Event.CHANGE,NCA_changeHandler);
// APP.addEventListener(Event.CHANGE,APP_changeHandler);
// SCV.addEventListener(Event.CHANGE,SCV_changeHandler);
// DCA.addEventListener(Event.CHANGE,DCA_changeHandler);
DCO.addEventListener(Event.CHANGE,DCO_changeHandler);
/****************CLIENTS********************/
// NCJ.addEventListener(Event.CHANGE,NCJ_changeHandler);
SE.addEventListener(Event.CHANGE,SE_changeHandler);
TM.addEventListener(Event.CHANGE,TM_changeHandler);
FM.addEventListener(Event.CHANGE,FM_changeHandler);
NO.addEventListener(Event.CHANGE,NO_changeHandler);
NJ.addEventListener(Event.CHANGE,NJ_changeHandler);
NE.addEventListener(Event.CHANGE,NE_changeHandler);
// DCJ.addEventListener(Event.CHANGE,DCJ_changeHandler);
DE.addEventListener(Event.CHANGE,DE_changeHandler);
/****************SPEED********************/
JIL.addEventListener(Event.CHANGE,JIL_changeHandler);
CIL.addEventListener(Event.CHANGE,CIL_changeHandler);
TIL.addEventListener(Event.CHANGE,TIL_changeHandler);
FIL.addEventListener(Event.CHANGE,FIL_changeHandler);
CCL.addEventListener(Event.CHANGE,CCL_changeHandler);
NJL.addEventListener(Event.CHANGE,NJL_changeHandler);
NEL.addEventListener(Event.CHANGE,NEL_changeHandler);
/****************OTHERS********************/
AT.addEventListener(Event.CHANGE,AT_changeHandler);
OC.addEventListener(Event.CHANGE,OC_changeHandler);
PT.addEventListener(Event.CHANGE,PT_changeHandler);
// OE.addEventListener(Event.CHANGE,OE_changeHandler);
ON.addEventListener(Event.CHANGE,ON_changeHandler);
RE.addEventListener(Event.CHANGE,RE_changeHandler);
uOC.addEventListener(Event.CHANGE,uOC_changeHandler);
LJ.addEventListener(Event.CHANGE,LJ_changeHandler);
ST.addEventListener(Event.CHANGE,ST_changeHandler);
// HE.addEventListener(Event.CHANGE,HE_changeHandler);
// HC.addEventListener(Event.CHANGE,HC_changeHandler);
JI.addEventListener(Event.CHANGE,JI_changeHandler);
FI.addEventListener(Event.CHANGE,FI_changeHandler);
CC.addEventListener(Event.CHANGE,CC_changeHandler);
CI.addEventListener(Event.CHANGE,CI_changeHandler);
TI.addEventListener(Event.CHANGE,TI_changeHandler);
}
protected function userList_changeHandler(event:Event):void
{
//如果check box 有选中项，则当下拉框值改变后刷新坐标信息
if(showTypeArray.length > 0)
sendRequestAndGetXMlDrawLineOnChart();
}
protected function checkDateRight(event:Event):void
{
//当dateFrom或dateTo改变时，检查时间是否合理，不合理则不允许修改，返回改变前的值；合理的就修改并且刷新图标坐标值
var dateFromArray:Array = dateFrom.text.split("-");
var dateFromDate:Date = new Date(dateFromArray[0],dateFromArray[1],dateFromArray[2]);
var dateToArray:Array = dateTo.text.split("-");
var dateToDate:Date = new Date(dateToArray[0],dateToArray[1],dateToArray[2]);
if(dateFromDate.time.valueOf() - dateToDate.time.valueOf() >= 0)
{
Alert.show("Error Date","ERROR",0);
if(event.target.id == "dateFrom")
{
dateFrom.text = previousDateFrom;
}
else
{
dateTo.text = previousDateTo;
}
}
if(showTypeArray.length > 0)
sendRequestAndGetXMlDrawLineOnChart();
}
protected function byHour_changeHandler(event:Event):void
{
//如果check box 有选中项，则设定默认值，否则就刷新坐标信息
groupBy = "byHour";
if(showTypeArray.length == 0 )
{
var dt:Date = new Date;
var df:Date = new Date;
df["hours"] -= 8;
dateFrom.text = df.fullYear.toString()+"-"+(df.getMonth().toString().length == 1 ? ("0"+(df.getMonth()+1)):(df.getMonth()+1))+"-"+(df.getDate().toString().length == 1?"0"+(df.getDate()):df.getDate());
dateTo.text = dt.fullYear.toString()+"-"+(dt.getMonth().toString().length == 1 ? ("0"+(dt.getMonth()+1)):(dt.getMonth()+1))+"-"+(dt.getDate().toString().length == 1?"0"+(dt.getDate()):dt.getDate());
}
else
sendRequestAndGetXMlDrawLineOnChart();
}
protected function byDay_changeHandler(event:Event):void
{
groupBy = "byDay";
if(showTypeArray.length == 0)
{
var dt:Date = new Date;
var df:Date = new Date;
df["date"] -= 7;
dateFrom.text = df.fullYear.toString()+"-"+(df.getMonth().toString().length == 1 ? ("0"+(df.getMonth()+1)):(df.getMonth()+1))+"-"+(df.getDate().toString().length == 1?"0"+(df.getDate()):df.getDate());
dateTo.text = dt.fullYear.toString()+"-"+(dt.getMonth().toString().length == 1 ? ("0"+(dt.getMonth()+1)):(dt.getMonth()+1))+"-"+(dt.getDate().toString().length == 1?"0"+(dt.getDate()):dt.getDate());
}
else
sendRequestAndGetXMlDrawLineOnChart();
}
protected function byWeek_changeHandler(event:Event):void
{
groupBy = "byWeek";
if(showTypeArray.length == 0)
{
var dt:Date = new Date;
var df:Date = new Date;
df["date"] -= 49;
dateFrom.text = df.fullYear.toString()+"-"+(df.getMonth().toString().length == 1 ? ("0"+(df.getMonth()+1)):(df.getMonth()+1))+"-"+(df.getDate().toString().length == 1?"0"+(df.getDate()):df.getDate());
dateTo.text = dt.fullYear.toString()+"-"+(dt.getMonth().toString().length == 1 ? ("0"+(dt.getMonth()+1)):(dt.getMonth()+1))+"-"+(dt.getDate().toString().length == 1?"0"+(dt.getDate()):dt.getDate());
}
else
sendRequestAndGetXMlDrawLineOnChart();
}
protected function byMonth_changeHandler(event:Event):void
{
groupBy = "byMonth";
if(showTypeArray.length == 0)
{
var dt:Date = new Date;
var df:Date = new Date;
df["month"] -= 7;
dateFrom.text = df.fullYear.toString()+"-"+(df.getMonth().toString().length == 1 ? ("0"+(df.getMonth()+1)):(df.getMonth()+1))+"-"+(df.getDate().toString().length == 1?"0"+(df.getDate()):df.getDate());
dateTo.text = dt.fullYear.toString()+"-"+(dt.getMonth().toString().length == 1 ? ("0"+(dt.getMonth()+1)):(dt.getMonth()+1))+"-"+(dt.getDate().toString().length == 1?"0"+(dt.getDate()):dt.getDate());
}
else
sendRequestAndGetXMlDrawLineOnChart();
}
protected function byYear_changeHandler(event:Event):void
{
groupBy = "byYear";
if(showTypeArray.length == 0)
{
var dt:Date = new Date;
var df:Date = new Date;
df["month"] -= 36;
dateFrom.text = df.fullYear.toString()+"-"+(df.getMonth().toString().length == 1 ? ("0"+(df.getMonth()+1)):(df.getMonth()+1))+"-"+(df.getDate().toString().length == 1?"0"+(df.getDate()):df.getDate());
dateTo.text = dt.fullYear.toString()+"-"+(dt.getMonth().toString().length == 1 ? ("0"+(dt.getMonth()+1)):(dt.getMonth()+1))+"-"+(dt.getDate().toString().length == 1?"0"+(dt.getDate()):dt.getDate());
}
else
sendRequestAndGetXMlDrawLineOnChart();
}
protected function dateFrom_MouseDownHandler(event:MouseEvent):void
{
//mouse down时记录dateFrom改变之前的日期
previousDateFrom = dateFrom.text;
}
protected function dateTo_MouseDownHandler(event:MouseEvent):void
{
previousDateTo = dateTo.text;
}
protected function Ind_changeHandler(event:Event):void
{
//改变showModel为IND，清空图表的线条对象和dataprovider，屏蔽一些checkbox，设定所有checkbox的enabled为false
showModel = "Ind";
setAllCheckBoxSelectedExceptThis(false,"");
clearAllItemsInCharts();
DCO.enabled = false;
DE.enabled = false;
JIL.enabled = false;
CIL.enabled = false;
TIL.enabled = false;
FIL.enabled = false;
CCL.enabled = false;
NJL.enabled = false;
NEL.enabled = false;
LJ.enabled = false;
ST.enabled = false;
}
protected function MultiInd_changeHandler(event:Event):void
{
showModel = "MultiInd";
setAllCheckBoxSelectedExceptThis(false,"");
clearAllItemsInCharts();
DCO.enabled = false;
DE.enabled = false;
JIL.enabled = false;
CIL.enabled = false;
TIL.enabled = false;
FIL.enabled = false;
CCL.enabled = false;
NJL.enabled = false;
NEL.enabled = false;
LJ.enabled = false;
ST.enabled = false;
}
protected function AllInd_changeHandler(event:Event):void
{
showModel = "AllInd";
setAllCheckBoxSelectedExceptThis(false,"");
clearAllItemsInCharts();
DCO.enabled = true;
DE.enabled = true;
JIL.enabled = true;
CIL.enabled = true;
TIL.enabled = true;
FIL.enabled = true;
CCL.enabled = true;
NJL.enabled = true;
NEL.enabled = true;
LJ.enabled = true;
ST.enabled = true;
}
/****************CANDIDATE********************/
//CANDIDATE Check Box---NCO， 设定全局变量（标记是否有checkbox触发的）checkChanged为true，然后条用drawLine
protected function NCO_changeHandler(event:Event):void
{
showType = "NCO";
checkChanged = true;
drawLine(event, showType);
}
protected function NCA_changeHandler(event:Event):void
{
showType = "NCA";
checkChanged = true;
drawLine(event, showType);
}
protected function APP_changeHandler(event:Event):void
{
showType = "APP";
checkChanged = true;
drawLine(event, showType);
}
protected function SCV_changeHandler(event:Event):void
{
showType = "SCV";
drawLine(event, showType);
}
protected function DCA_changeHandler(event:Event):void
{
showType = "DCA";
checkChanged = true;
drawLine(event, showType);
}
protected function DCO_changeHandler(event:Event):void
{
showType = "DCO";
drawLine(event, showType);
}
/****************CLIENTS********************/
//CLIENTS Check Box---NCJ， 设定全局变量（标记是否有checkbox触发的）checkChanged为true，然后条用drawLine
protected function NCJ_changeHandler(event:Event):void
{
showType = "NCJ";
checkChanged = true;
drawLine(event, showType);
}
protected function SE_changeHandler(event:Event):void
{
showType = "SE";
checkChanged = true;
drawLine(event, showType);
}
protected function TM_changeHandler(event:Event):void
{
showType = "TM";
checkChanged = true;
drawLine(event, showType);
}
protected function FM_changeHandler(event:Event):void
{
showType = "FM";
checkChanged = true;
drawLine(event, showType);
}
protected function NO_changeHandler(event:Event):void
{
showType = "NO";
checkChanged = true;
drawLine(event, showType);
}
protected function NJ_changeHandler(event:Event):void
{
showType = "NJ";
checkChanged = true;
drawLine(event, showType);
}
protected function NE_changeHandler(event:Event):void
{
showType = "NE";
checkChanged = true;
drawLine(event, showType);
}
protected function DCJ_changeHandler(event:Event):void
{
showType = "DCJ";
checkChanged = true;
drawLine(event, showType);
}
protected function DE_changeHandler(event:Event):void
{
showType = "DE";
checkChanged = true;
drawLine(event, showType);
}
/****************SPEED********************/
//SPEED Check Box---JIL， 设定全局变量（标记是否有checkbox触发的）checkChanged为true，然后条用drawLine
protected function JIL_changeHandler(event:Event):void
{
showType = "JIL";
checkChanged = true;
drawLine(event, showType);
}
protected function CIL_changeHandler(event:Event):void
{
showType = "CIL";
checkChanged = true;
drawLine(event, showType);
}
protected function TIL_changeHandler(event:Event):void
{
showType = "TIL";
checkChanged = true;
drawLine(event, showType);
}
protected function FIL_changeHandler(event:Event):void
{
showType = "FIL";
checkChanged = true;
drawLine(event, showType);
}
protected function CCL_changeHandler(event:Event):void
{
showType = "CCL";
checkChanged = true;
drawLine(event, showType);
}
protected function NJL_changeHandler(event:Event):void
{
showType = "NJL";
checkChanged = true;
drawLine(event, showType);
}
protected function NEL_changeHandler(event:Event):void
{
showType = "NEL";
checkChanged = true;
drawLine(event, showType);
}
/****************OTHERS********************/
//OTHERS Check Box---AT， 设定全局变量（标记是否有checkbox触发的）checkChanged为true，然后条用drawLine
protected function AT_changeHandler(event:Event):void
{
showType = "AT";
checkChanged = true;
drawLine(event, showType);
}
protected function OC_changeHandler(event:Event):void
{
showType = "OC";
checkChanged = true;
drawLine(event, showType);
}
protected function PT_changeHandler(event:Event):void
{
showType = "PT";
checkChanged = true;
drawLine(event, showType);
}
protected function OE_changeHandler(event:Event):void
{
showType = "OE";
checkChanged = true;
drawLine(event, showType);
}
protected function ON_changeHandler(event:Event):void
{
showType = "ON";
checkChanged = true;
drawLine(event, showType);
}
protected function RE_changeHandler(event:Event):void
{
showType = "RE";
checkChanged = true;
drawLine(event, showType);
}
protected function uOC_changeHandler(event:Event):void
{
showType = "UOC";
checkChanged = true;
drawLine(event, showType);
}
protected function LJ_changeHandler(event:Event):void
{
showType = "LJ";
checkChanged = true;
drawLine(event, showType);
}
protected function ST_changeHandler(event:Event):void
{
showType = "ST";
checkChanged = true;
drawLine(event, showType);
}
protected function HE_changeHandler(event:Event):void
{
showType = "HE";
checkChanged = true;
drawLine(event, showType);
}
protected function HC_changeHandler(event:Event):void
{
showType = "HC";
checkChanged = true;
drawLine(event, showType);
}
protected function JI_changeHandler(event:Event):void
{
showType = "JI";
checkChanged = true;
drawLine(event, showType);
}
protected function FI_changeHandler(event:Event):void
{
showType = "FI";
checkChanged = true;
drawLine(event, showType);
}
protected function CC_changeHandler(event:Event):void
{
showType = "CC";
checkChanged = true;
drawLine(event, showType);
}
protected function CI_changeHandler(event:Event):void
{
showType = "CI";
checkChanged = true;
drawLine(event, showType);
}
protected function TI_changeHandler(event:Event):void
{
showType = "AT";
checkChanged = true;
drawLine(event, showType);
}
/***********************************************/
/**************FUNCTIONS FOR EVENTS*************/
/***********************************************/
private function drawLine(event:Event, showType:String):void
{
//如果check box 选中，并且showModel是individual或者All individual的，则将showType加入选中数组，并在图表中添加一条线，并重新读取坐标信息，这个需要通信
//否则 从数组中取出当前check box对应的项，并从图表图标中去除对应的line serie对象，从linechart的dataprovider取出对应该项的属性值，此时不需要通信
if(event.target.selected == true && (showModel == "Ind" || showModel == "AllInd"))
{
pushShowTypeInArray(showType);
sendRequestAndGetXMlDrawLineOnChart();
}
else if(event.target.selected == false && (showModel == "Ind" || showModel == "AllInd"))
{
deleteXmlShowItem(showType);
popShowTypeInArray(showType);
}
}
//做清理工作的函数
private function clearAllItemsInCharts():void
{
clearLineChartSeries();
clearLineChartDataProvider();
setAllCheckBoxSelectedExceptThis(false);
}
//去除linechart内部的line serie对象
private function clearLineChartSeries():void
{
var seriesArray:Array = new Array;
lineChart.series = seriesArray;
}
//去除linechart的数据绑定
private function clearLineChartDataProvider():void
{
lineChart.dataProvider = null;
}
//设定所有的项目为flase;
protected function setAllCheckBoxSelectedExceptThis(isSelected:Boolean,showOnly:String = ""):void
{
showOnly == 'NCO'?NCO.selected = !isSelected:NCO.selected = isSelected;
showOnly == 'NCA'?NCA.selected = !isSelected:NCA.selected = isSelected;
showOnly == 'APP'?APP.selected = !isSelected:APP.selected = isSelected;
showOnly == 'SCV'?SCV.selected = !isSelected:SCV.selected = isSelected;
showOnly == 'DCA'?DCA.selected = !isSelected:DCA.selected = isSelected;
showOnly == 'DCO'?DCO.selected = !isSelected:DCO.selected = isSelected;
showOnly == 'NCJ'?NCJ.selected = !isSelected:NCJ.selected = isSelected;
showOnly == 'SE'?SE.selected = !isSelected:SE.selected = isSelected;
showOnly == 'TM'?TM.selected = !isSelected:TM.selected = isSelected;
showOnly == 'FM'?FM.selected = !isSelected:FM.selected = isSelected;
showOnly == 'NO'?NO.selected = !isSelected:NO.selected = isSelected;
showOnly == 'NJ'?NJ.selected = !isSelected:NJ.selected = isSelected;
showOnly == 'NE'?NE.selected = !isSelected:NE.selected = isSelected;
showOnly == 'DCJ'?DCJ.selected = !isSelected:DCJ.selected = isSelected;
showOnly == 'DE'?DE.selected = !isSelected:DE.selected = isSelected;
showOnly == 'JIL'?JIL.selected = !isSelected:JIL.selected = isSelected;
showOnly == 'CIL'?CIL.selected = !isSelected:CIL.selected = isSelected;
showOnly == 'TIL'?TIL.selected = !isSelected:TIL.selected = isSelected;
showOnly == 'FIL'?FIL.selected = !isSelected:FIL.selected = isSelected;
showOnly == 'CCL'?CCL.selected = !isSelected:CCL.selected = isSelected;
showOnly == 'NJL'?NJL.selected = !isSelected:NJL.selected = isSelected;
showOnly == 'NEL'?NEL.selected = !isSelected:NEL.selected = isSelected;
showOnly == 'AT'?AT.selected = !isSelected:AT.selected = isSelected;
showOnly == 'OC'?OC.selected = !isSelected:OC.selected = isSelected;
showOnly == 'PT'?PT.selected = !isSelected:PT.selected = isSelected;
showOnly == 'OE'?OE.selected = !isSelected:OE.selected = isSelected;
showOnly == 'ON'?ON.selected = !isSelected:ON.selected = isSelected;
showOnly == 'RE'?RE.selected = !isSelected:RE.selected = isSelected;
showOnly == 'uOC'?uOC.selected = !isSelected:uOC.selected = isSelected;
showOnly == 'LJ'?LJ.selected = !isSelected:LJ.selected = isSelected;
showOnly == 'ST'?ST.selected = !isSelected:ST.selected = isSelected;
showOnly == 'HE'?HE.selected = !isSelected:HE.selected = isSelected;
showOnly == 'HC'?HC.selected = !isSelected:HC.selected = isSelected;
showOnly == 'JI'?JI.selected = !isSelected:JI.selected = isSelected;
showOnly == 'FI'?FI.selected = !isSelected:FI.selected = isSelected;
showOnly == 'CC'?CC.selected = !isSelected:CC.selected = isSelected;
showOnly == 'CI'?CI.selected = !isSelected:CI.selected = isSelected;
showOnly == 'TI'?TI.selected = !isSelected:TI.selected = isSelected;
}
//通过url，用http service发送请求，并用drawChartByResult处理返回的值
//request样例：//http://tools.localhost:8080/emailtrace/flexconphp/from/2011-02-28/to/2011-03-07/groupby/byMonth/module/CC|PT|UOC/showModule/Ind/user/Fliex jin
private function sendRequestAndGetXMlDrawLineOnChart():void
{
httpServiceXMl.addEventListener(ResultEvent.RESULT,drawChartByResult);
httpServiceXMl.url = basicUrl + "/emailtrace/flexconphp/from/"+dateFrom.text+"/to/"+dateTo.text+"/groupby/"+groupBy+"/module/"+getShowTypeArrayByString()+"/showModule/"+showModel+"/user/"+userList.selectedLabel;
httpServiceXMl.send();
}
//用于记录选中的check box
private function pushShowTypeInArray(showType:String):void
{
var isFound:Boolean = false;
for(var i:int = 0; i < showTypeArray.length; i++)
if(showTypeArray[i].toString() == showType)
isFound = true;
if(isFound == false)
showTypeArray.push(showType);
}
//删除取消选中的check box
private function popShowTypeInArray(showType:String):void
{
var newArray:Array = new Array;
for(var i:int = 0; i < showTypeArray.length; i++)
if(showTypeArray[i].toString() != showType)
newArray.push(showTypeArray[i].toString());
showTypeArray = newArray;
}
//将选中的check box 通过字符串的方式返回 例如：PT|OC|JI|LJ
private function getShowTypeArrayByString():String
{
var showTypeStr:String = "";
for(var i:int = 0; i < showTypeArray.length; i++)
showTypeStr += "|"+showTypeArray[i].toString();
return showTypeStr.substr(1,showTypeStr.length);
}
// http service 返回值处理，只有当check box触发的事件时，才有新的线条出现
private function drawChartByResult(event:ResultEvent):void
{
//将返回的xml重新绑定在chart上
var userCollection:XMLListCollection = new XMLListCollection();
var tempXml:XML = event.result as XML;
var xmlList:XMLList = tempXml.elements("object");
userCollection.source = xmlList;
lineChart.dataProvider = userCollection;
//如果是check box触发的事件，则在图表中添加新的line serie对象
if(checkChanged == true)
{
var ONLineSerie:LineSeries = new LineSeries;;
var lineArray:Array = new Array();
ONLineSerie.id = showType + "_LineSerie";
lineArray = lineChart.series;
ONLineSerie.yField = "@"+showType+"_staticCount";//折线Y周起伏的依赖项
ONLineSerie.displayName = showType+" Count";//data tips内的title
chartVerticalAxis.title = "Count"; //y轴title
chartHorizontalAxis.title = "Date"; //x轴title
chartHorizontalAxis.categoryField = "@datePoint"; //x周显示的刻度依赖项
lineArray.push(ONLineSerie);
lineChart.series = lineArray;
checkChanged = false;
}
}
//service for http service, get xml from tools and bind to dropdownlist
private function onResult(event:ResultEvent):void
{
var tempXml:XML = event.result as XML;
userList.dataProvider = tempXml.children();
httpServiceXMl.removeEventListener(ResultEvent.RESULT,onResult);
}
//service for http service, show error if can't get xml successfully
private function onFault(event:FaultEvent):void
{
var resultXML:String = event.fault.toString();
Alert.show(resultXML);
}
//从dataprovider中删除对应的属性，从lineChart的line series中删除对应的line serie对象
private function deleteXmlShowItem(showItem:String):void
{
var tempXMLListCollection:XMLListCollection = lineChart.dataProvider as XMLListCollection;
var tempXmlList:XMLList = tempXMLListCollection.source;
for(var i:int = 0; i < tempXmlList.length(); i++)
delete tempXmlList.@[showItem+"_staticCount"];
tempXMLListCollection.source = tempXmlList;
var lineSeriesArray:Array = new Array;
for(var i:int = 0; i < lineChart.series.length; i++)
if(lineChart.series[i].id != showItem+"_LineSerie")
lineSeriesArray.push(lineChart.series[i]);
lineChart.series = lineSeriesArray;
}
private function testBindDB(e:MouseEvent):void
{
// trace(lineChart.dataProvider.toString());
// for(var i:int = 0; i < lineChart.series.length; i++)
// trace(lineChart.series[i].id);
trace(showTypeArray.length);
// var testXML:XML = <object datePoint="2011-03-08" AT_staticCount="0"/>;
// var tempXML:XML = <object datePoint="2011-03-08" AO_staticCount="55"/>;
// var dateFromArray:Array = testXML.attribute("datePoint").toString().split("-");
// var dateFromDate:Date = new Date(dateFromArray[0],dateFromArray[1],dateFromArray[2]);
// var dateToArray:Array = tempXML.attribute("datePoint").toString().split("-");
// var dateToDate:Date = new Date(dateToArray[0],dateToArray[1],dateToArray[2]);
// if(dateFromDate.time.valueOf() - dateToDate.time.valueOf() > 0)
// {
// Alert.show(">");
// Alert.show("Error Date","ERROR",0);
// var df:Date = new Date;
// df["date"] -= 7;
// dateFrom.text = df.fullYear.toString()+"-"+(df.getMonth().toString().length == 1 ? ("0"+(df.getMonth()+1)):(df.getMonth()+1))+"-"+(df.getDate().toString().length == 1?"0"+(df.getDate()):df.getDate());
// }
// else if(dateFromDate.time.valueOf() - dateToDate.time.valueOf() < 0)
// Alert.show("<");
// else
// {
//// testXML.@["AO_staticCount"] = tempXML.attribute("AO_staticCount");
// delete testXML.@["AT_staticCount"];
// }
// Alert.show(testXML.toXMLString());
// var tempXMLListCollection:XMLListCollection = lineChart.dataProvider as XMLListCollection;
// var tempXML:XMLList = tempXMLListCollection.source;
// var gotID:int = 0 ;
// for(var i:int =0; i < tempXML.length(); i++)
// {
// if(tempXML[i].attribute("datePoint") == "2011-02-24")
// {
// gotID = i;
// break;
// }
// }
// trace(tempXML);
// var tempXMl:XML = <object point="55" date="2010-4-6"/>;
// var tempStr:String = "sdsdsd";
// tempXMl.@[tempStr] = "sdsdksklfjgdlkfgdf"
// trace(tempXMl.toXMLString());
// trace(tempXML[gotID].attribute("staticCount"));
// for(var i:int = 0; i < lineChart.series.length; i++)
// trace(lineChart.series[i].id.toString());
/*var chartSerieArray:Array = lineChart.series;
var tempChartSerieArray:Array = new Array;
for(var i:int = 0; i < chartSerieArray.length; i++)
{
if(chartSerieArray[i].id == "lineseriesEx")
tempChartSerieArray[tempChartSerieArray.length] = chartSerieArray[i];
}
lineChart.series = tempChartSerieArray;*/
// trace(lineChart.series);
// lineChart.removeChild();
// lineChart.dataProvider = expenses;
// lineseriesEx.yField = "Expenses"; //折线Y周起伏的依赖项
// lineseriesEx.displayName = "Expenses"; //data tips内的title
// chartVerticalAxis.title = "Acount"; //y轴title
// chartHorizontalAxis.title = "Month"; //x轴title
// chartHorizontalAxis.categoryField = "Month"; //x周显示的刻度依赖项
}
]]>
</mx:Script>
<mx:Style> global { dropShadowEnabled:false; } </mx:Style>
<mx:Button x="235" y="491" label="test" id="testDB"/>
<mx:Canvas x="11" y="10" width="707" height="89">
<mx:DateField x="230" y="15" id="dateTo" monthNames='["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sept","Oct","Nov","Dec"]' formatString="YYYY-MM-DD" dayNames='["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]' yearNavigationEnabled="true" showToday="true"/>
<mx:DateField x="52" y="14" id="dateFrom" formatString="YYYY-MM-DD"/>
<mx:Label x="12" y="18" text="From" fontSize="15"/>
<mx:Label x="201" y="19" text="To" fontSize="15"/>
<mx:RadioButton x="67" y="49" label="day" id="byDay" groupName="GroupBy" selected="true"/>
<mx:RadioButton x="125" y="49" label="week" id="byWeek" groupName="GroupBy"/>
<mx:RadioButton x="189" y="49" label="month" id="byMonth" groupName="GroupBy"/>
<mx:RadioButton x="260" y="49" label="year" id="byYear" groupName="GroupBy"/>
<mx:RadioButton x="6" y="49" label="hour" id="byHour" groupName="GroupBy"/>
<mx:RadioButton x="388" y="10" groupName="showModel" label="Individual" id="Ind" selected="true"/>
<mx:RadioButton x="388" y="36" label="Multiple Individuals" groupName="showModel" id="MultiInd"/>
<mx:RadioButton x="388" y="62" label="All Individuals" groupName="showModel" id="AllInd" />
<mx:CheckBox x="566" y="36" label="Sum" id="isGetSum" />
<mx:ComboBox x="517" y="11" editable="false" id="userList" labelField="@label"></mx:ComboBox>
</mx:Canvas>
<mx:Panel x="480" y="116" width="136" height="122" layout="absolute" title="CANDIDATES">
<mx:CheckBox x="10" y="37" label="NCO" id="NCO" />
<mx:CheckBox x="84" y="37" label="NCA" id="NCA" />
<mx:CheckBox x="84" y="64" label="APP" id="APP" />
<mx:CheckBox x="10" y="64" label="SCV" id="SCV" />
<mx:CheckBox x="84" y="91" label="DCA" id="DCA" />
<mx:CheckBox x="10" y="91" label="DCO" id="DCO" />
</mx:Panel>
<mx:Panel x="480" y="248" width="136" height="175" layout="absolute" title="CLIENTS">
<mx:CheckBox x="10" y="36" label="NCJ" id="NCJ" />
<mx:CheckBox x="10" y="63" label="SE" id="SE" />
<mx:CheckBox x="83" y="63" label="TM" id="TM" />
<mx:CheckBox x="10" y="90" label="FM" id="FM" />
<mx:CheckBox x="83" y="90" label="NO" id="NO" />
<mx:CheckBox x="10" y="117" label="NJ" id="NJ" />
<mx:CheckBox x="83" y="117" label="NE" id="NE" />
<mx:CheckBox x="83" y="36" label="DCJ" id="DCJ" />
<mx:CheckBox x="10" y="144" label="DE" id="DE" />
</mx:Panel>
<mx:Panel x="480" y="433" width="136" height="146" layout="absolute" title="SPEED">
<mx:CheckBox x="10" y="36" label="JIL" id="JIL"/>
<mx:CheckBox x="83" y="36" label="CIL" id="CIL" />
<mx:CheckBox x="10" y="63" label="TIL" id="TIL" />
<mx:CheckBox x="83" y="63" label="FIL" id="FIL" />
<mx:CheckBox x="10" y="90" label="CCL" id="CCL" />
<mx:CheckBox x="82" y="90" label="NJL" id="NJL" />
<mx:CheckBox x="10" y="117" label="NEL" id="NEL" />
</mx:Panel>
<mx:Panel x="624" y="116" width="87" height="463" layout="absolute" title="OTHERS">
<mx:CheckBox x="10" y="36" label="AT" id="AT" />
<mx:CheckBox x="10" y="62" label="OC" id="OC" />
<mx:CheckBox x="10" y="114" label="PT" id="PT" />
<mx:CheckBox x="10" y="140" label="OE" id="OE" />
<mx:CheckBox x="10" y="166" label="ON" id="ON" />
<mx:CheckBox x="10" y="274" label="RE" id="RE" />
<mx:CheckBox x="10" y="88" label="uOC" id="uOC"/>
<mx:CheckBox x="10" y="409" label="LJ" id="LJ" />
<mx:CheckBox x="10" y="436" label="ST" id="ST" />
<mx:CheckBox x="10" y="193" label="HE" id="HE" />
<mx:CheckBox x="10" y="220" label="HC" id="HC" />
<mx:CheckBox x="10" y="247" label="JI" id="JI" />
<mx:CheckBox x="10" y="355" label="FI" id="FI" />
<mx:CheckBox x="10" y="382" label="CC" id="CC" />
<mx:CheckBox x="10" y="301" label="CI" id="CI" />
<mx:CheckBox x="10" y="328" label="TI" id="TI" />
</mx:Panel>
</mx:Application>