Click here to Skip to main content
Licence CPOL
First Posted 9 Feb 2009
Views 44,545
Downloads 2,298
Bookmarked 30 times

Fusion Charts Helper Class for ASP.NET 2.0 (C#)

By | 9 Feb 2009 | Article
This helper class makes it easy to work with Fusion Charts.
FusionChartsHelper

Introduction

Fusion Charts help you to create animated and interactive Flash charts for web and desktop applications. You have to create the XML and pass it to the provided SWF files for each graph type. This helper class facilitates the process of creating the required XML and in the integration with the ASP.NET page.

Using the Code

The code lies in three files:

  1. Charts.cs

    This file contains FusionChartBase (abstract), FusionPieChart, FusionLineChart, and FusionChartUtility.

  2. DataSetHelper.cs

    This file is not related to Fusion Charts. It is a collection of useful code that I found here and there. You should check this out.

  3. Default.aspx

    The page contains two DIVs and a Button. Pie and line charts are loaded into the DIVs on the Button's Click event.

The classes are quite long, so I'm only including the button click code here:

protected void btnShow_Click(object sender, EventArgs e)
{
    FusionPieChart pieChart = new FusionPieChart();
    pieChart.showNames = true;
    pieChart.showPercentageInLabel = true;
    pieChart.showPercentageValues = false;
    string chartHtml = pieChart.CreateSetElement(BuildData(), FusionPieChart.Pie3D, 
                       divPieChart.ClientID, "name", "value", 
                       "text", "id", "test.aspx?id=", true, 600, 400);
    divPieChart.InnerHtml = chartHtml;

    FusionLineChart lineChart = new FusionLineChart();
    //chartHtml = lineChart.CreateSetElememtForTrendChart(BuildData(), 
                  divLineChart.ClientID, "name", "value", 100, 100);
    chartHtml = lineChart.CreateSetElement(BuildData(), FusionLineChart.Line2D, 
                divLineChart.ClientID, false, "", "name", 
                "value", "text", "id", "", true, 600, 400);
    divLineChart.InnerHtml = chartHtml;
}

Points of Interest

I did not use Adobe Flex because it was taking too much time for me to develop graphs, and Fusion Charts offered me a quick solution, but it has a number of limitations. After creating all these classes, I had to switch back to Adobe Flex. I used the Fusion Charts XML passing approach with Adobe Flex, and life is beautiful. :-)

History

  • 9th February, 2009: Initial post

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

Shahid Syed

Software Developer (Senior)
Mobile Complete Inc. (DeviceAnywhere)
Pakistan Pakistan

Member



Sign Up to vote   Poor Excellent
Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions

 
You must Sign In to use this message board. (secure sign-in)
 
Search this forum  
 FAQ
    Noise  Layout  Per page   
  Refresh
GeneralMy vote of 2 Pinmemberzhaojs23:32 31 Jul '11  
GeneralHelp on StackedChart2Column2D Pinmemberchandu_danlaw22:36 7 Dec '10  
GeneralMy vote of 1 PinmemberWakoAivan6:21 12 Oct '10  
GeneralMy vote of 5 Pinmemberthatraja23:05 5 Oct '10  
GeneralVery useful..thank you .. PinmemberJeyaramasamy21:55 23 Mar '10  
GeneralError when the project is compiled PinmemberImran_hus1:33 9 Nov '09  
GeneralThank You for the helper class PinmemberJimmyRopes0:41 18 Sep '09  
GeneralIt's Very nice and useful PinmemberSunasara Imdadhusen1:24 23 Jul '09  
GeneralPie Chart Pinmemberbhupen_7922:55 4 Jul '09  
GeneralRe: Pie Chart Pinmembermishaloveviks3:44 20 Oct '09  
GeneralHi PinmemberVijay9160:28 6 Jun '09  
Questionhow about Licence? Pinmemberdavidberlin4:05 17 Mar '09  
AnswerRe: how about Licence? PinmemberShahid Syed1:09 29 Apr '09  
Questioncan you provide more chart type? [modified] PinmemberJLKEngine00822:27 14 Mar '09  
AnswerRe: can you provide more chart type? PinmemberShahid Syed1:05 29 Apr '09  
GeneralIt is very good!! PinmemberJLKEngine00821:16 17 Feb '09  
GeneralRe: It is very good!! PinmemberShahid Syed2:52 27 Feb '09  
JokeThank you Pinmemberblinkblink22:55 11 Feb '09  
GeneralRe: Thank you PinmemberShahid Syed1:45 12 Feb '09  
GeneralRe: Thank you Pinmemberswapprose2:27 8 Jun '10  

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Mobile
Web04 | 2.5.120517.1 | Last Updated 9 Feb 2009
Article Copyright 2009 by Shahid Syed
Everything else Copyright © CodeProject, 1999-2012
Terms of Use
Layout: fixed | fluid