What is Fusion Charts:
FusionCharts Free is an open-source FREE
flash charting component that can be used to render data-driven animated
charts. Made in Macromedia Flash MX, FusionCharts can be used with any web
scripting language like PHP, ASP, .NET, JSP, ColdFusion, JavaScript, Ruby on
Rails etc., to deliver interactive and powerful charts. Using XML as its data
interface, FusionCharts makes full use of fluid beauty of Flash to create compact, interactive and visually-arresting charts.

Advantages of using FusionCharts
|

|
Animated and interactive Charts
|
|
Using FusionCharts , you can quickly and easily render
animated charts that have a lot of interactive options for the end users.
|
|
|

|
Easy yet powerful JavaScript integration
|
|
FusionCharts offers advanced options to integrate charts
with JavaScript modules. You can update charts on client side, invoke
JavaScript functions as hotspot links.
|
|
|

|
No installation hassles
|
|
To use FusionCharts , you do not have to install anything on
your server. All you need to do is copy-paste the SWF files (the core files
of FusionCharts) to your server, just like you would do to any image files
- and you're ready to go! So, even on those servers which do not allow
installation of ActiveX or any other form of components, FusionCharts can
run without any hassles.
|
|
|

|
Easy to use
|
|
FusionCharts makes the chart creation process a painless
experience for you. Since it uses XML as its data, all you need to do is
convert your data into XML using a programming language or even using a
text editor like Notepad etc. - and that's all what is required to create
interactive and animated charts. The best part is you DO NOT need to know
anything about Flash to use FusionCharts .
|
|
|

|
Runs on a variety of platforms
|
|
Irrespective of what server side scripting language you're
using, FusionCharts can be used to create charts in that. Since
FusionCharts uses XML as the data interface, you can run it on any server
and against any scripting language. Also, to view the charts, your users
just need to have Adobe Flash Player 6 (or above), which is one of the most
used browser plugins on the planet.
|
|
|

|
Reduces load on your servers
|
|
In traditional image based charting systems, the charts are
generated as image at the server side. So, for each chart that you need to
serve to a user, you'll have to build complex images on the server and then
stream it to the client. When the need of hour is high, this can be an
expensive resource on the server, as image creation takes a lot of toll on
the server.
FusionCharts brings you great relief - all the charts are
rendered at client side using the widely installed Adobe Flash Platform.
The server is just responsible for streaming the pre-built SWF files and
your XML data files to the end viewers. From there on, Flash Player takes
the onus of rendering the charts. Also, the chart SWF Files can be cached
so that you can just update the data, and not send chart SWF files every
time.
|
|
|

|
A plethora of chart types
|
|
FusionCharts offers you a plethora of chart types. From the
basic bar, column, line, pie etc. to the advanced combination charts, gantt
chart, you can build all the charts with the same ease of use.
|
|
|

|
Avail it absolutely FREE. Period.
|
|
You can get FusionCharts Free without having to spend a
single buck. It has no hidden gimmicks or advertisement linking back to our
website. Free means truly FREE here.
|
|
How FusionCharts works?
|
As you must
already be aware by now, FusionCharts accepts only XML data to plot the
charts. You can either provide physical XML data files or dynamically relay
XML data using server-side scripts to FusionCharts. Here, we explore the
various methods using which you can provide XML data to FusionCharts.
There are 3 ways using which you can provide XML data to
FusionCharts:
- dataURL method - In this
method, you only provide the URL of XML Data Document to FusionCharts.
The chart now sends a request for XML data to the specified URL, reads
it, parses it and then renders the charts accordingly.
- dataXML method - Here, you
send the XML data along with the HTML Content and chart SWF file to the
browser. The SWF loads, reads this data (present in same HTML page) and
then renders the chart.
- JavaScript method using updateChartXML - In this
method, you provide the XML data to FusionCharts using JavaScript
functions (present on the same page in which chart is present).
|
Download Package Contents:
|
FusionCharts Free Download Package contains the following :
|
|

|
SWF Files (Ready to use
charts)
|
|
All the charts are
present in Download
Package > Charts Folder.
Whenever you need to create charts for a new web application, just copy
these SWF files and paste it in your application.
|
|
|

|
FusionCharts JavaScript
Class
|
|
FusionCharts Free
JavaScript Class is present in Download
Package > JSClass folder. This class helps you embed charts in your HTML page
in a more user-friendly way. Also, it helps avoid the Internet Explorer "Click to Activate
this control" issue.
|
|
|

|
Sample Code
|
|
All the code that we
refer to in this documentation, is present in Download Package >
Code folder. These are ready to use code samples, that you can
copy-paste and run. Just make sure that you copy the Charts along with the
respective example, else you would get an empty screen with a never ending
progress bar.
|
|
|

|
Chart Samples
|
|
We've built a few chart
samples for your viewing pleasure. These are present in Download Package >
Gallery folder.
You can also access them using the menu on left. Select Sample Charts.
|
|
|

|
Chart Documentation
|
|
We provide you a full
length discussion on FusionCharts Free. This is a complete package in
itself that introduces FusionCharts Free to the beginners as well as
provides advanced developers with complete programming reference.
|
|
|

|
Chart Source-code
|
|
FusionCharts FREE is
open-source. We pack the full source code of all charts in Download Package >
SourceCode folder.
|
|
Fusion
chart free chart list:
FusionCharts Free contains the following
chart types.
Chart Type
|
File Name
|
|
Single Series Charts
|
Column 3D
|
FCF_Column3D.swf
|
|
Column 2D
|
FCF_Column2D.swf
|
|
Line 2D
|
FCF_Line.swf
|
|
Area 2D
|
FCF_Area2D.swf
|
|
Bar 2D
|
FCF_Bar2D.swf
|
|
Pie 2D
|
FCF_Pie2D.swf
|
|
Pie 3D
|
FCF_Pie3D.swf
|
|
Doughnut 2D
|
FCF_Doughnut2D.swf
|
|
|
Multi-series Charts
|
Multi-series Column
2D
|
FCF_MSColumn2D.swf
|
|
Multi-series Column
3D
|
FCF_MSColumn3D.swf
|
|
Multi-series Line 2D
|
FCF_MSLine.swf
|
|
Multi-series Bar 2D
|
FCF_MSBar2D.swf
|
|
Multi-series Area 2D
|
FCF_MSArea2D.swf
|
|
|
Stacked Charts
|
Stacked Column 3D
|
FCF_StackedColumn3D.swf
|
|
Stacked Column 2D
|
FCF_StackedColumn2D.swf
|
|
Stacked Bar 2D
|
FCF_StackedBar2D.swf
|
|
Stacked Area 2D
|
FCF_StackedArea2D.swf
|
|
|
Combination Charts
|
Multi-series Column
2D + Line - Dual Y Axis
|
FCF_MSColumn2DLineDY.swf
|
|
Multi-series Column
3D + Line - Dual Y Axis
|
FCF_MSColumn3DLineDY.swf
|
|
|
Financial Charts
|
Candlestick Chart
|
FCF_Candlestick.swf
|
|
|
|
|
Funnel Chart
|
|
|
Funnel Chart
|
FCF_Funnel.swf
|
|
|
|
|
Gantt Chart
|
|
|
Gantt Chart
|
FCF_Gantt.swf
|
|
|
|
|