FusionCharts for Flex > Installation > Installation Modes > Flex Builder 2 Integration

We have integrated FusionCharts and FusionWidgets with the Flex Builder development environment as an external library module. For FusionCharts/FusionWidgets to function properly, you must declare the FusionCharts for Flex as a library component in Flex Builder 2.

Steps to Follow

The following steps will guide you through the process of integrating FusionCharts for Flex with Flex Builder 2:

  1. Click File » New » Flex Project to create a new Flex project. We have named our project 'FusionCharts'.

  2. After creating the project you will be prompted with a window asking you to specify the source and library paths. Switch to the Library Path tab and select the FusionCharts.swc library.


  3. Click the Add SWC... button and locate the FusionCharts.swc Shockwave Component present in DISTRIBUTION_ROOT/Charts/swc/FlexSDK2 to add it as a library module. The DISTRIBUTION_ROOT root is the location where you have downloaded and extracted the FusionCharts for Flex archive.

  4. Copy fusioncharts and fusionwidgets folders from DISTRIBUTION_ROOT/Charts to your PROJECT_ROOT. These folders contain all the Flash chart/widgets objects.

The FusionCharts.swc file acts as the library for both FusionCharts and FusionWidgets. It adds FusionCharts and FusionWidgets custom components to the Components window. The FusionWidgets functionality was added to the SWC in version 1.1

Once you have added FusionCharts for Flex module to your Flex project, the resulting folder structure will look similar to the figure given below:

Flex Builder 2 Navigator Panel

 

To learn how to change the default location of the charts/widgets SWF files, please go through the Changing the SWF Folder page in "Your First Chart" section.