interactivebubble.mxml

QS我也没用过

<?xml version="1.0" encoding="utf-8"?>
<Application xmlns="http://www.adobe.com/2006/mxml" layout="horizontal" xmlns:local="*" viewSourceURL="srcview/index.html">
	
	<XML id="marketData" source="data/data.xml" />
	
	<Style>
		@font-face
		{
		   font-family: MyArial;
		   src: local("Arial");
		   font-weight: bold;
		}
		BubbleChart
		{
			font-family: "MyArial";
			font-weight: bold;
		}
	</Style>
	
	<Text width="200" condenseWhite="true">
		<htmlText>
		<![CDATA[
		<p>This chart shows off how to add some more extensive customization to the basic flex charting components. Custom item renderers, axis renderers, and 
		Interactive annotations elements were all added to the basic bubble chart to make this sample.</p>
		<p>
		Here's how to play with the chart:<br/><br/>
		- roll over the individual bubbles to get a blue rollover effect.<br/><br/>
		- click and drag on the gridlines to interactively modify the scale of the chart<br/><br/>
		- click and drag on the gridlines to interactively pan the chart<br/><br/>
		</p>
		]]>
		</htmlText>
	</Text>
	<Panel title="interactive chart" width="700" height="500" paddingBottom="40" paddingLeft="40" paddingRight="40" paddingTop="40">
		<BubbleChart width="100%" height="100%">
			<backgroundElements>
				<GridLines direction="both" horizontalChangeCount="0" horizontalShowOrigin="true" verticalShowOrigin="true">
					<horizontalOriginStroke>
						<Stroke color="#FFFFFF" weight="3" />												
					</horizontalOriginStroke>
					<verticalOriginStroke>
						<Stroke color="#FFFFFF" weight="3" />												
					</verticalOriginStroke>										
					<horizontalFill>
						<SolidColor color="#EDEDE4" />
					</horizontalFill>								
					<horizontalAlternateFill>
						<SolidColor color="#EDEDE4" />
					</horizontalAlternateFill>																		
					<horizontalStroke>
						<Stroke color="#FFFFFF" weight="0" />
					</horizontalStroke>
					<verticalStroke>
						<Stroke color="#FFFFFF" weight="0" />												
					</verticalStroke>									
				</GridLines>
				<local:PanAndZoom />								
			</backgroundElements>
			<series>
				<BubbleSeries dataProvider="{marketData..sample}" xField="@revenueDelta" yField="@costDelta" radiusField="@marketSize"
					itemRenderer="RolloverRenderer" >
					<fill>
						<SolidColor color="#92614E" alpha=".3" />
					</fill>
				</BubbleSeries>
				<BubbleSeries dataProvider="{marketData..sample}" yField="@revenueDelta" radiusField="@costDelta" xField="@marketSize"
					itemRenderer="RolloverRenderer" >
					<fill>
						<SolidColor color="#67754D" alpha=".3" />
					</fill>
				</BubbleSeries>
				<BubbleSeries dataProvider="{marketData..sample}" radiusField="@revenueDelta" xField="@costDelta" yField="@marketSize"
					itemRenderer="RolloverRenderer" >								
					<fill>
						<SolidColor color="#696984" alpha=".3" />
					</fill>
				</BubbleSeries>
			</series>
			<radiusAxis>
				<LinearAxis autoAdjust="false"/>
			</radiusAxis>
			<horizontalAxisRenderer>
				<local:SimpleAxisRenderer />
			</horizontalAxisRenderer>
			<verticalAxisRenderer>
				<local:SimpleAxisRenderer />
			</verticalAxisRenderer>
						
			<horizontalAxis>
				<LinearAxis autoAdjust="false"  />
			</horizontalAxis>
			<verticalAxis>
				<LinearAxis autoAdjust="false" />								
			</verticalAxis>
		</BubbleChart>
	</Panel>
</Application>