Here we go with a quickstart with FusionCharts free and ASP.NET. Assuming you are using Visual Web Developer I’ll show you in 2 short steps how easy it is to integrate and use FusionCharts free in your web application.
1. Setting up your Visual Studio Web Developer
Open your web project or create a new empty project in Visual Web Developer. For this example we will create a new ASP.NET website like on the image on the right.
If you not already did then download the FusionCharts free v2 package from InfoSoft Global and extract it in a temporary folder or in a folder of your liking (the download link is at the bottom of this article).
After having added the flash files right click again in your solution explorer and select “Add reference” in the context menu. Switch to the Browse tab and navigate again to the extracted FusionCharts package. Now go through the following directories Code -> CSNET -> bin and select the file FusionCharts.dll. As you might have noticed, the Visual Web Developer created a directory called Bin and included the currently selected file in this directory.
Of course you could just select the Charts folder in your Windows Explorer and drag-and-drop it into your solution explorer. And of course you could do the same with the FusionCharts.dll file but we want to do it like it should be, so hopefully your solution explorer should look like the image on the right.
2. Creating your first chart
If you believe it or not that was the most difficult. Now we come to the easy part of this article. First of all we need data to display in the chart. For simplicity reasons we will take the Data.xml file from the FusionCharts examples. Add therefore the complete Data folder from the FusionCharts package ( should be under Code/CSNET/BasicExample/ ) and add it to your Visual Web Developer.
Now here comes the magic. Just add the following line of code within code tags:
Response.Write(InfoSoftGlobal.FusionCharts.RenderChart("FusionCharts/FCF_Column3D.swf", "Data/Data.xml", "", "myFirst", "600", "300", false, false));
That’s all. Really. Build and run it. Cool isn’t it? You don’t have to take care of the parameters by now. One line of code is enough to produce a really cool chart on your screen what do you want more?
You might want to implement some error handling and to prove if flash is installed. You also want to improve your code. A good idea would be to include the following line of code on top of your aspx file:
<%@ Import Namespace="InfoSoftGlobal" %>
That’s all for now. A more detailed example ships with the FusionCharts free documentation. So this article here should give you only an overview of how easy FusionCharts is to use.
Try it out for yourself and enjoy…
Download example app: ChartIntegration.zip