I've just downloaded FusionCharts. Now, how do I go about installing it?
 

FusionCharts is a copy-n-paste style installation component - that is to say one does not need to install any external Active-X control or component to render charts. All you need to do is copy the ready-to-use .swf files from the download package to your web server.

To install FusionCharts on your website, just copy the required .swf files from Download Package > Charts folder to any folder of your web application. It is always preferable to keep all these .swf files in a root folder of your application so that all your scripts can easily access these chart swf files.

   
I've just downloaded FusionCharts and copied sample code from your folder to my server. But, I cannot see the charts - what could be the problem? Only a blank space is appearing in place of the charts.
 

You need to check for the following points in case of this problem:

  • You've copied Charts folder (Code > Charts) from the download package to the same path in your web server where you have placed the Code folder.
  • You've Flash Player 6 (or above) required to view the charts.
   
How can I pull data from a database?
 

You can pull data from any database (or data storage systems) using the server side script that you're using. Make the server side script to pull the data and then render it in XML format required by FusionCharts. See the previous sections of documentation for detailed information on this.

   
Can FusionCharts directly consume data from my database instead of XML?
  No - FusionCharts cannot directly access any database, as it's based on Flash platform. You'll need to provide data to FusionCharts in XML format only. For this, you'll have to set a middleware script (like ASP, PHP, .NET, ColdFusion, JSP etc.), which would access your database and then build the XML output for FusionCharts.
   
I want to use a data source like data.asp?param1=value&param2=value2 as the dataURL for FusionCharts. However, when I use it FusionCharts seems to ignore everything after the first part. How do I go on with this?
 

The Flash player does not consider the ? and & as a part of querystring data and as such treats it as another name-pair value. To overcome this, you'll need to convert all ? and &s to URL Friendly characters (i.e., convert the special characters into a % followed by their 2 digit hexadecimal code).. FusionCharts will automatically correct it for you.

Example:

data%2Easp%3Fparam1%3Dvalue%26param2%3Dvalue2 would be converted to data.asp?param1=value&param2=value2

Code Example:

<OBJECT ... >
<PARAM NAME='Movie' Value='FCF_Column2D.swf'>
<PARAM NAME='FlashVars' Value='&dataURL=data%2Easp%3Fparam1%3Dvalue%26param2%3Dvalue22' >
<... Other Code >
<EMBED src='FCF_Column2D.swf' FlashVars='&dataURL=data%2Easp%3Fparam1%3Dvalue%26param2%3Dvalue2' ... >
</OBJECT ... >

   
I want to use URLs like detailed.asp?Id=23&subId=43 as the link for hotspots in the chart. However, FusionCharts gives me an error. How can I go ahead with this?
 

You'll need to convert all &s to %26.

Example: <set ... link='data.asp?id=1&subId=2' > would be converted to <set ... link='data.asp?id=1%26subId=2' >

   
I want load the XML data from another domain name (website). Can you tell me how to do this?
 

Since Flash doesn't allow loading of XML documents/data from other domains, it is not directly possible to load data from other domains. However, a proxy page can do the trick.

For example, use the following:
<PARAM NAME='Movie' Value='FCF_Column2D.swf?dataURL=Relayer.aspx'>

Now, Relayer.aspx is the page on your server which connects to the remote (other domain) data and finally relays it in XML format (required by FusionCharts).

   
I want to change the font styling properties. Is it possible?
 

Yes. With FusionCharts, it's possible to change the font styling properties. The following attributes of the graph element help you change the font properties:

baseFont="FontName"
This attribute sets the base font family of the graph i.e., all the values and the names in the graph canvas will be displayed using the font name provided here.

baseFontSize="ValidFontSize"
This attribute sets the base font size of the graph i.e., all the values and the names in the graph canvas will be displayed using the font size provided here.

baseFontColor="HexColorWithout#"
This attribute sets the base font color of the graph i.e., all the values and the names in the graph canvas will be displayed using the font color provided here.

outCnvBaseFont="FontName"
This attribute sets the outside canvas base font family of the graph i.e., all the values and the names outside the graph canvas will be displayed using the font name provided here.

outCnvBaseFontSize="ValidFontSize"
This attribute sets the outside canvas base font size of the graph i.e., all the values and the names outside the graph canvas will be displayed using the font size provided here.

outCnvBaseFontColor="HexColorWithout#"
This attribute sets the outside canvas base font color of the graph i.e., all the values and the names outside the graph canvas will be displayed using the font color provided here.

Example: <graph basefont='Verdana' bastfontsize='10' basefontcolor='0372AB' outCnvbasefont='Arial' outCnvbastfontsize='11' outCnvbasefontcolor='FF0000'...>

   
Is it possible to display the name and value of each point when the mouse hovers over each one?
  Yes. You can do so by assigning the following attribute to the graph element:

<graph ... showhovercap="1" ...>

Moreover, you can customize the looks of the hover caption box using the following attributes:

Hover caption box's background color
hoverCapBgColor="HexCode"

Hover caption box's border color
hoverCapBorderColor="HexCode"

Example: <graph showHoverCap="1" hoverCapBgColor="FFFFDD" hoverCapBorderColor="FF0000">

   
Can I print the charts generated by FusionCharts?
 

Yes. To print a chart displayed in browser window, just right click on it and select Print or still better, use the browser's print button.

   
Can I save the chart output made by FusionCharts as an image (GIF/JPEG/PNG etc.)?
 

No. FusionCharts renders the chart at the client side and as such it is not possible to save the chart output as an image (unless the end user does it himself using some screen capture utility).

   
Can I email the charts?
  Yes - you can email the charts as ActiveX Objects. But, most of the modern day email clients wouldn't show the chart for security reasons, as it's an ActiveX object.
   
Can I stop FusionCharts from animating?
  Yes -very much. Just set <graph animation='0' ..> in your XML and the charts won't animate any more.
   
I've a DHTML Menu in the same page as the chart. The menu never comes over the chart even after altering the z-index. Can you please suggest a method to send the chart behind menu?
 

To allow DHTML objects appear over a Flash movie just add this parameter:

WMode=Transparent

to the Flash <object> tag. It should look like this:

<param name="WMode" value="Transparent">

In order to support Mozilla-based browsers and other browsers, such as Safari, you should also include the wmode parameter in the <embed> tag, like this:

<embed wmode="transparent" .......></embed>

Although the menus will be displayed above the Flash movie under Safari, the menu items will flicker as you move the mouse over items that fall right above the Flash movie.

   
Can I change the chart messages like "Loading Chart.", "Retrieving data" etc.?
  Yes - please see Advanced Charting > Changing Chart Messages section.
   
Can I use FusionCharts Free with my Flash 6/MX 2004/8 applications?
 

No - FusionCharts Free cannot be used with Flash 6 / MX 2004 / 8 applications . But is is possible to use FusionCharts v3, the commercial version with Flash 8 or later.

   
Can I use the charts as a part of my commercial product under the Developer/Professional/Site/Enterprise license?
  Yes - FusionCharts Free is completely free to use now. Please see the license agreement.
   
Can I upgrade from FusionCharts Free to FusionCharts v3 without any changes to my code?
 

Yes - you can seamlessly upgrade from FusionCharts Free to FusionCharts v3. There’s no need to change your code; though, to use the advanced features offered by v3 charts you may have to tweak a little. For more details please refer to Upgrading to FusionCharts v3 section.