Accessibility

Flex sample application

Note: This article was created based on Flex 2. Minor changes in the description and code may be necessary before it can be applied to Flex 3.

The Dashboard application shows the power of the Adobe Flex 2 framework in presenting information to the user. The chart on the left shows total revenue across all regions on a monthly places. When you click a data point in this chart, Flex updates the chart in the upper-right panel; that chart provides a breakdown of the contributions from each region for the given month. If you select a region in the breakdown of contributions, Flex updates the chart in the lower-right panel, which shows that individual region's revenue compared to the average for the given time period.

Flash Player 9 is required to view this application.

Get Macromedia Flash Player

To download and view the full source, right-click the Flex application and select View Source from the context menu.

Requirements

To view this sample application, you need the following software and files:

Flash Player 9

Sample Files

To download and view the source code for this sample, browse the application, right-click the sample, and select view source. You will find detailed instructions for implementing and deploying the application in the ReadMe for the application.

Flex framework features

You use charts to show data, and use the Flex components' effects to help highlight the user's action as they drill down into that data. For example, you can use a DataGrid component to show an alternate view of that same data. You can use a ViewStack component to show either the Chart or the DataGrid, and you can use a ToggleButtonBar component to control which view you see. In the Dashboard application, you can also see one of the techniques for creating a template component. The RevenueTimeline creates a slot for a Chart, and then the subclasses of that component (AllRegions and RegionDetail) instantiate the chart that is displayed.