Beginner's Guide

Charts / Gauges / Maps Guide

Customizing Charts


Integrating With Your Stack



FusionCharts JQuery Helper can be downloaded from here.

The FusionCharts Suite XT jQuery helper allows you to use jQuery syntax to render and manipulate your charts and graphs seamlessly across all browsers and devices.

It helps you add interactive JavaScript charts to your web and mobile applications, combining the delight and comprehensiveness of the FusionCharts Suite XT with the easy-to-use jQuery syntax.

Setting up the FusionCharts jQuery Helper

To set up the FusionCharts jQuery helper, follow the steps given below:

  • Include jquery.min.js to enable jQuery in your project:
<script type="text/javascript" src="jquery.min.js"></script>

jQuery needs to be imported before the FusionCharts jQuery helper is included in the project. Note that in order to support IE 6/7/8, jQuery 1.x versions need to be used.

  • Copy fusioncharts.js and fusioncharts.jqueryplugin.js from the FusionCharts Download Package > js folder in your project

  • Add references to the required JavaScript files in your code:

<script type="text/javascript" src="fusioncharts.js"></script>
<script type="text/javascript" src="fusioncharts-jquery-plugin.js"></script>

This completes the setup and you are now ready to begin using the FusionCharts jQuery helper.

In addition to using all the existing features, the jQuery helper lets you do the following:

  • Render jQuery charts that work across PCs (including IE6/7/8), Macs, iPads, iPhones, and Android devices seamlessly

  • Update chart type, data, and individual cosmetic properties at run-time

  • Insert, prepend, and append multiple charts in an existing chart container

  • Customize the look and feel of all elements on the chart

  • Plot charts from data contained in HTML tables