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>

Related examples in the same category

1.	VGA color name for CSS style definitions and tag support
2.	Apply color and font style to a Button with CSS
3.	CSS style definitions and the tag support hexadecimal color and color name value formats
4.	Convert color style to String
5.	tag styles specify blue, italic, 14 point text, and the tag includes HTML tags that override the color and point size.
6.	Use the errorTip style to change the color
7.	Assign color value to Number type variable
8.	Get color

Define custom color and line style for the bubbles : Style Color « Style « Flex

Related examples in the same category