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

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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.

 

 

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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.

 

 

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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.

 

 

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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 .

 

 

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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.

 

 

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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.

 

 

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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.

 

 

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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:

  1. 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.
  2. 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.
  3. 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 :

 

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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.

 

 

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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.

 

 

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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.

 

 

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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.

 

 

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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.

 

 

http://docs.fusioncharts.com/free/Contents/Images/Bullet.gif

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

 



If you enjoyed this article, get email updates (it's free).


Related Articles
  • How to create dynamic Google chart in ASP.NET using C#In this article I’m going to explain how to create dynamic Google chart in ASP.NET using C#. I got a requirement that I should make graphical representation for statistics data. So I’ve preferred to create Pie Chart. Already we’ve standard web control for Pie Chart in ASP.NET and AjaxControl Toolkit provides controls for Pie Chart. Google provides functionality to create Pie Chart in ASP.NET. Here...
  • How to create dynamic Ajax Pie Chart in ASP.NET using C# In this article I’m going to explain how to create dynamic Ajax pie chart in ASP.NET using C#. Ajax Control toolkit provides a ways to create Pie Chart that would be display the statistics data in graphical representation. The PieChart control enables you to render a pie chart from one or more PieChartValues. I already wrote some articles related to Chart
  • How to create dynamic Ajax Bar Chart in ASP.NET using C#In this article I’m going to explain how to create dynamic Ajax Bar Chart in ASP.NET using C#. Ajax Control toolkit provides a ways to create Bar Chart that would be display the statistics data in graphical representation. The BarChart control enables you to render a bar chart from one or more series of values. I already wrote some articles related to ASP.NET Chart
  • How to create dynamic Ajax Area Chart in ASP.NET using C#In this article I’m going to explain how to create dynamic Ajax Area Chart in ASP.NET using C#. Ajax Control toolkit provides a ways to create Area Chart that would be display the statistics data in graphical representation. The AreaChart control enables you to render area chart from one or more series of values. I already wrote some articles related to ASP.NET Chart.
  • Bind ASP.NET chart control from database using C# In this article I’m going to explain how to bind chart control from database in ASP.NET using C#. The Chart controls enable you to create ASP.NET pages with simple, intuitive, and visually compelling charts for complex statistical or financial analysis Here I’ll show you how to bind chart from SQL Server database.
  • Export Chart control to PDF document in ASP.NET using iTextSharp and C#In this article I’m going to explain how to export ASP.NET chart control to PDF using C#. I have already written an article about bind ASP.NET Chart control from database. You could refer this article by following this below link. Bind ASP.NET chart control from database using C#. If you are not aware to include iTextSharp.dll in ASP.NET project you could read this article How to create PDF docume...
  • Create google Geochart with region mode in ASP.NETIn this article I’m going to explain how to create google Geomap with region mode in ASP.NET. A Geochart is a map of a country, a continent, or a region with two modes: The region mode colorizes whole regions, such as countries, provinces, or states. The marker mode marks designated regions using bubbles that are scaled according to a value that you specify. A Geochart is rendered within the brows...
  • Create google Geochart with Marker mode in ASP.NETIn this article I’m going to explain how to create google Geomap with marker mode in ASP.NET. A Geochart is a map of a country, a continent, or a region with two modes: The region mode colorizes whole regions, such as countries, provinces, or states. The marker mode marks designated regions using bubbles that are scaled according to a value that you specify. A Geochart is rendered within the brows...
  • Create multi column or multi series bar chart from database in ASP.NET In this article I’m going to explain how to create multi column or multi series bar chart from database in ASP.NET using C#. The Chart controls enable you to create ASP.NET pages with simple, intuitive, and visually compelling charts for complex statistical or financial analysis. If you want to create multi series bar chart you could follow the steps given below. Step-1: First drag and drop Chart...
  • How to install or configure Fusion Charts in ASP.NETFusionCharts Free can effectively be used within ASP.NET applications. For the sake of better understanding, we have developed few sample applications using ASP.NET C#, where we have shown how easily FusionCharts can be integrated with ASP.NET. You can download Fusion charts by following the link given below or you can download source code which has been attached along with this article.

Comments
comments powered by Disqus

Thanks for downloading..!!

×
Subscribe via Email
    
message to display in fancybox