<?xml version="1.0" encoding="utf-8"?>
<!--
////////////////////////////////////////////////////////////////////////////////
// 株式会社　アイエルエス
// Copyright 2010 ILS
// All Rights Reserved.
//
// NOTICE:レーダチャート
////////////////////////////////////////////////////////////////////////////////
-->
<GcPanel 
	xmlns="bizLibrary.sharedComponent.*"
	xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:com="commonLibrary.sharedComponent.*"
	width="{Application.application.width}"
	height="{Application.application.height}" 
	creationComplete="onCreationComplete()"
	resize="true"
	>

    <!-- データモデルの定義 -->
	
	<mx:Script>
		<![CDATA[
			import mx.collections.XMLListCollection;
			import mx.core.Application;

			//一覧情報
			[Bindable]
			public var dataModel:XML;
			[Bindable]
	        public var selData:XML;

			/**
			 * 共通初期化処理
			 * 
			 */		
			private function onCreationComplete():void{	                
	            //外部ファイルの取込
	            getXMLFile(setChart);
			}

			/**
			 * グラフの設定
			 * 
			 */		
	        private function setChart():void{
	        	//グラフデータの設定
			    dataModel = xmlData;
				selData = XML(dataModel.data.chart);
				
				//グラフタイトルのセット
	        	lblTitle.text = dataModel.data.grapfTitle.toString();
	        	if(lblTitle.text==""){
	        		boxTitleArea.visible = false;
	        	}
	        	
				//カテゴリリストの作成
				createCategoryList(selData.item);
				if(categorylist.length == 0){
					boxCategory.visible = false;
				}else{
					boxCategory.visible = false;
					//コンボボックスの設定
					cmbCategory.dataProvider = categorylist;
					cmbCategory.selectedItem = categorylist[0];					
				}	        	
	        	
	        	callLater(makeChart);
	        }

	        
			/**
			 * グラフの設定
			 * 
			 */	
	        private function makeChart():void{
				
				//データのセット
				if(categorylist.length == 0){
					ctRadar.dataProvider = sortSeq(selData.item);
				}else{
					//フィルタをかけてセット
					ctRadar.dataProvider = sortSeq(selData.item.(category==cmbCategory.value));	
				}
			
				
				ctRadar.centerPointX=Application.application.width/2;
				ctRadar.centerPointY=Application.application.height/2 - Application.application.height/10;
				ctRadar.chartSize=Application.application.height/3;
				
				ctRadar.createChart();
	        	
	        }
	        


		]]>
	</mx:Script>

	<mx:NumberFormatter id="suDisplay" 
		decimalSeparatorTo="."
		thousandsSeparatorTo=","
		useThousandsSeparator="true"/>
		
    <mx:VBox id="boxChart" left="0" right="0" verticalGap="0" height="100%">
	    <mx:HBox id="boxTitleArea" horizontalGap="0" visible="true" >
	    	<mx:Label id="lblTitle" fontWeight="bold" paddingLeft="20" fontSize="12" />
	    </mx:HBox>
	    
	    <mx:HBox id="boxCategory" horizontalGap="0" visible="false" paddingLeft="20">
	    	<mx:ComboBox id="cmbCategory" change="makeChart()"/>
	    </mx:HBox>
	    	
	    <mx:HBox width="100%" height="100%" id="charBox" horizontalGap="0">
			<GcRadarchart
				id="ctRadar"
				>
				
			</GcRadarchart>    	
	    </mx:HBox>
    </mx:VBox>

</GcPanel>
