Mega Code Archive

 

Categories / Flex / Style

 

Define custom color and line style for the bubbles

<?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">     <mx:Script>                  import mx.collections.ArrayCollection;         [Bindable]         public var myArray:ArrayCollection = new ArrayCollection([             {Rank:1, Country:"A", GDP:1},             {Rank:2, Country:"B", GDP:6},             {Rank:3, Country:"C", GDP:4},             {Rank:4, Country:"D", GDP:2}         ]);        </mx:Script>     <mx:SolidColor id="scId" color="yellow" alpha=".3"/>     <mx:Stroke id="strokeId" color="yellow" weight="4"/>      <mx:Panel title="BubbleChart">         <mx:BubbleChart id="myChart" showDataTips="true">             <mx:series>                 <mx:BubbleSeries                     dataProvider="{myArray}"                     displayName="GDP"                     xField="Rank"                     yField="GDP"                     radiusField="GDP"                     fill="{scId}"                     stroke="{strokeId}" />             </mx:series>         </mx:BubbleChart>         <mx:Legend dataProvider="{myChart}"/>     </mx:Panel> </mx:Application>