<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
					   xmlns:s="library://ns.adobe.com/flex/spark" 
					   xmlns:mx="library://ns.adobe.com/flex/mx"
					   >
		<fx:Script>
			<![CDATA[
				import mx.controls.Label; 
				import mx.charts.chartClasses.CartesianCanvasValue; 
				import mx.collections.ArrayCollection; 
			[Bindable]
		    private var s1:ArrayCollection = new ArrayCollection( [
			{label:"Item1", "x": -0.20, "y": 0.4, "r":5} ,
			{label:"Item2", "x": 0.40, "y": -0.5, "r":5} ,
			{label:"Item3", "x": 0.60, "y": 0.3, "r":5}]);
			]]> 
		</fx:Script>
        
	<fx:Style>
		.labelSeries {
		fontSize:9;
		fontWeight:bold;
		labelPosition:inside;
		labelAlign:top;
		}
	</fx:Style>
	
		<fx:Declarations>	
			<s:SolidColor id="sc1" color="blue" alpha=".3"/>
			<mx:SolidColorStroke id="stroke1" color="blue" weight="1" />	
		</fx:Declarations>
	
		<mx:Panel title="Importance vs Performance (Dalaa Project)" horizontalCenter="0" verticalCenter="0" width="50%" height="35%" >
			<mx:BubbleChart id="myChart" showAllDataTips="true" dataProvider="{s1}" height="500" width="700" > 
				<mx:series>
					<mx:BubbleSeries  
						dataProvider="{s1}"
						xField="x" 
						yField="y"
						radiusField="r"
						fill="{sc1}"
						stroke="{stroke1}"
						 />
				</mx:series>  
			</mx:BubbleChart>
			<mx:Legend dataProvider="{s1}"/>
		</mx:Panel>

</s:WindowedApplication>