GlobFX Knowledge Base: Using Swiff Chart Generator with ASP

/ Home | Support | Swiff Chart Generator | Using Swiff Chart Generator with ASP

Knowledge Base

INFO: Using Swiff Chart Generator with ASP

The information in this article applies to:

Swiff Chart Generator 2
Swiff Chart Generator 3

Swiff Chart Generator is implemented as COM object and offers a variety of methods for managing and creating charts in Flash. Since COM objects are natively supported in ASP, running Swiff Chart Generator in your ASP pages is very simple.

To insert Swiff Chart Generator in a ASP page you must call the CreateObject function available in VScript as well as in JScript. By calling this function you will create an instance of the Swiff Chart Generator COM object and have full access to its API (Read VBScript and JScript Reference manual of Swiff Chart Generator documentation for complete description of the API).

How does Swiff Chart Generator work in ASP pages?

Swiff Chart Generator offers you multiple possibilities to dynamically generate a chart. It allows you to:

Send the chart directly through the Response object
Export the chart in binary form
Create a SWF file on disk
or even feed your chart with data encoded in the page URL

One of the most straight forward strategy for dynamically generating a chart with Swiff Chart Generator consists in using 2 pages:

The first page is an ASP page that generates and outputs a Flash movie containing your chart through the Response ASP object.
The second page is the one where you want to display your chart. It can be an HTML page or a ASP generated page and it includes the Flash Player with the <OBJECT> HTML tag. The idea is to simply set the movie parameter of the Flash Player Object to the ASP page filename.

<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    WIDTH="400"
    HEIGHT="300">
<PARAM NAME=movie VALUE="gen_chart.asp">
</OBJECT>

A simple ASP Example

Download the Example

The following example illustrates how simple it is to dynamically generate charts in Flash in a ASP page. As mentioned in the previous paragraph, the example involves 2 files and an additional Swiff Chart style file (.scs):

gen_chart.asp - ASP page for generating the chart
chart.html - HTML file for displaying the chart
chart_style.scs - Swiff Chart Style file for setting the chart layout

To install and run the example, simply download and copy these 3 files on your Web site in the same directory.

ASP page : gen_chart.asp

<% @Language=VBScript %>
<%
Response.Expires= 0

'Create a Chart Object
Dim chart
Set chart= Server.CreateObject("SwiffChartObject.ChartObj.1")

'Set the heading for the graph
chart.SetTitle "My Chart"

'Set chart categories
chart.SetCategoriesFromString "Q1;Q2;Q3"

'Fill chart series
chart.AddSeries
chart.SetSeriesCaption 0, "First Series"
chart.SetSeriesValuesFromString 0, "1.2;3.5;11.3"

chart.AddSeries
chart.SetSeriesCaption 1, "Second Series"
chart.SetSeriesValuesFromString 1, "2.3;4.5;9.3"

chart.AddSeries
chart.SetSeriesCaption 2, "Third Series"
chart.SetSeriesValuesFromString 2, "3.2;5.5;14.3"

'Define path to style document
style = Server.MapPath( "chart_style.scs" )
chart.LoadStyle style

'Set the dimensions of the movie
chart.SetWidth 400
chart.SetHeight 300

'Generate the Flash movie
chart.ExportAsResponse

Set chart= Nothing

Response.End
%>

HTML file : chart.html

<HTML>
<HEAD>
<TITLE>Swiff Chart Generator - ASP Sample</TITLE>
</HEAD>

<BODY>

<EMBED TYPE="application/x-shockwave-flash"
       SRC="gen_chart.asp"
       QUALITY="high"
       WIDTH="400"
       HEIGHT="300" />
  
</BODY>
</HTML>

What you obtain

Swiff Chart Generator