Your First Dynamic Chart

Let's see how easy it is to create a dynamic chart with FusionCharts for DW - developer edition.

To be able to create this dynamic chart:

1. Install the FusionCharts for DW (developer edition) extension.
2. Start Dreamweaver. Create a Dreamweaver site; set up the site’s testing server to be PHP/MySQL.
3. Open the attached .php file; download it from here.
4. Configure a database connection. Download the MySQL database we will use in this example from here; following, import the database to your server.

To create your first chart, follow these simple steps:

1. In the .php file you created earlier, click at the location where you want to insert the chart. Insert a Dynamic Simple Chart from the FusionCharts for DW section of the Insert menu; as a result, the extension interface opens. To learn more about the interface visit the Interface section.
2. In the Data tab, select already defined recordsets as a data source.


Select the data source

3. Define the category as FirstRecordset recordset, modelName column; define the series as FirstRecordset recordset, acquisitionPrice column, then click Add As Series. At the bottom of the interface, select Sort By Series, in an Ascending order.


Configure the data source

4. Switch to the Chart Selection tab, then select the Bar Single Series Chart.


Select the chart type

5. Switch to the General Options tab, then insert the chart name in the Chart Name box: MyFirstDynamicChart.


Insert the chart name

6. At the bottom of the interface, click OK to add the chart to the page. As you can see, the chart can be seen embedded in Design View, as well as in Code View.


Embedded chart in Design View



Embedded chart in Code View

7. Save your file and click F12 to preview the file in a browser.


Preview the file in browser