Show data tops for Bubble Chart

        
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

  <mx:Script>
    

    import mx.collections.ArrayCollection;


    [Bindable]
    private  var  productSales:ArrayCollection = new ArrayCollection( [
            { Quarter: "1", PC: 10, Mac: 3, Software: 1, Total: 14 },
            { Quarter: "2", PC: 12, Mac: 4, Software: 2, Total: 18 },
            { Quarter: "3", PC: 15, Mac: 8, Software: 5, Total: 28 },
            { Quarter: "4", PC: 20, Mac: 10, Software: 9, Total: 39 }
            ]);
  
  </mx:Script>

  <mx:Panel title="LineChart Example" width="100%" height="100%">

    <mx:BubbleChart id="bubbleChart" height="100%" width="100%"
      paddingRight="5" paddingLeft="5" showDataTips="true" maxRadius="20"
      dataProvider="{productSales}">
      <mx:series>
        <mx:BubbleSeries displayName="PC/Mac/Software" 
          xField="PC" yField="Mac" radiusField="Software"/>
      </mx:series>      
      <mx:horizontalAxis>
        <mx:LinearAxis title="PC" />
      </mx:horizontalAxis>      
      <mx:verticalAxis>
        <mx:LinearAxis title="Mac" />
      </mx:verticalAxis>   
    </mx:BubbleChart>        
    <mx:Legend dataProvider="{bubbleChart}" direction="horizontal"/>
  </mx:Panel>
</mx:Application>

1.	Applying CSS to chart controls
2.	Bubble Chart
3.	Axis for Bubble Chart
4.	Legend for Bubble Chart
5.	Max radius for Bubble Chart
6.	Draws a BubbleChart control and sets the maximum radius of bubble elements to 50:
7.	Define a custom SolidColor object and a custom SolidColorStroke object, and applies them to the BubbleSeries object in the BubbleChart control.
8.	Show a BubbleChart control with two independant series
9.	Specify the font for all BubbleChart controls
10.	Remove grid lines entirely
11.	Set the size of the bubbles to be relative to each other in the different series

Show data tops for Bubble Chart : Bubble Chart « Chart « Flex

Related examples in the same category