jQuery Plugin for FusionCharts Free | 1.0.0b | Documentation FusionCharts Free for jQuery Documentation http://www.fusioncharts.com/jquery/ Page 1 jQuery Plugin for FusionCharts Free | 1.0.0b | Documentation Table of Contents 1. Introduction.....................................................................................................................................5 What is FusionCharts Free? ............................................................................................................5 What is jQuery?...............................................................................................................................5 What is jQuery Plugin for FusionCharts Free? ...............................................................................5 Who Can Use It? .............................................................................................................................5 2. Installation and Pre-requisites .........................................................................................................6 Installation Notes.............................................................................................................................6 3. Plugin Usage ....................................................................................................................................7 Creating Your First Chart................................................................................................................7 Example Code To Create FusionCharts Using jQuery Plugin ...................................................7 How the Above Code Works .....................................................................................................8 Providing the File Paths .............................................................................................................9 Building the Data XML..............................................................................................................9 Troubleshooting Your First Chart ..............................................................................................9 Passing Options to Plugin .............................................................................................................10 Tips on Passing Options to FusionCharts jQuery Plugin..........................................................10 Basic Options Reference ..........................................................................................................11 Providing Data to Charts ...............................................................................................................12 Passing XML String As Data....................................................................................................12 Using External XML Document as Data Source .....................................................................13 Using Simple HTML <table> As Data Source.........................................................................14 4. Plugin Options ...............................................................................................................................16 id....................................................................................................................................................17 type ................................................................................................................................................19 width .............................................................................................................................................21 height ............................................................................................................................................21 Page 2 jQuery Plugin for FusionCharts Free | 1.0.0b | Documentation swfPath ..........................................................................................................................................23 data ................................................................................................................................................23 dataFormat ....................................................................................................................................24 dataOptions ...................................................................................................................................24 wMode ..........................................................................................................................................25 className .....................................................................................................................................27 5. Plugin Functions ...........................................................................................................................29 .insertFusionCharts() .....................................................................................................................30 .insertFusionCharts(options) ....................................................................................................30 .appendFusionCharts(options) .................................................................................................31 .prependFusionCharts(options) ................................................................................................32 .convertToFusionCharts()..............................................................................................................33 .convertToFusionCharts(options) ............................................................................................33 :FusionCharts Selector...................................................................................................................35 6. Data Sources...................................................................................................................................36 XMLData ......................................................................................................................................37 URIData ........................................................................................................................................39 HTMLTable ..................................................................................................................................41 DataOptions Parameters for HTMLTable Data Handler .........................................................42 Limitations of HTMLTable format ..........................................................................................43 7. Additional Features .......................................................................................................................44 Customizing Default Plugin Options ............................................................................................44 8. Troubleshooting .............................................................................................................................45 A blank division is displayed where the chart is supposed to render ...........................................45 SWF movie not loading or no chart shown ..................................................................................45 "Error in Loading Data" message .................................................................................................46 "Invalid XML Data" message .......................................................................................................46 Page 3 jQuery Plugin for FusionCharts Free | 1.0.0b | Documentation "No data to display" message .......................................................................................................47 Online Support...............................................................................................................................47 9. API Reference ...............................................................................................................................48 Plugin Functions ...........................................................................................................................48 Plugin Options ..............................................................................................................................48 DataOptions ..................................................................................................................................49 Chart Type Aliases ........................................................................................................................50 Page 4 jQuery Plugin for FusionCharts Free | 1.0.0b | Documentation 1. Introduction What is FusionCharts Free? FusionCharts Free is an open-source FREE flash charting component that can be used to render data-driven animated charts. Developed 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. To know more on FusionCharts Free please refer to the FusionCharts Free website http://www.fusioncharts.com/free/ What is jQuery? jQuery is a powerful and light-weight JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions. jQuery is primarily used to rapidly build highly interactive web applications. To know more about jQuery, please