|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /home/queenjbs/www/FusionChart/Contents/Introduction/ |
Upload File : |
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Installing FusionCharts XT</title>
<link rel="stylesheet" href="../assets/ui/css/style.css" type="text/css" />
<script type="text/javascript" src="../assets/prettify/prettify.js"></script>
<link rel="stylesheet" type="text/css" href="../assets/prettify/prettify.css" />
<script type="text/javascript" src="../assets/ui/js/jquery.min.js" ></script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute;
left:0px;
top:0px;
z-index:4;
visibility:hidden; }
a.whtbtnhide, a.whtbtnshow, a.whtbtnhidenav , a.whtbtnshownav { border-bottom:none !important; }
-->
</style>
<script type="text/javascript" language="javascript1.2" src="../assets/ui/js/whmsg.js"></script>
<script type="text/javascript" language="javascript" src="../assets/ui/js/whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="../assets/ui/js/whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="../assets/ui/js/whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="../assets/ui/js/whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="../assets/ui/js/whtopic.js"></script>
<script type="text/javascript" src="../assets/ui/js/lib.js"></script>
</head>
<body>
<!-- breadcrumb starts here -->
<div id="breadcrumb"></div>
<script type="text/javascript">
document.write( addFCBreadcrumb( [ "Home|Overview.html", "Introduction", "Installation" ] ) );
</script>
<!-- breadcrumb ends here -->
<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td class="pageHeader">Installing FusionCharts XT </td>
</tr>
<tr>
<td valign="top" class="text"><p>Installation of FusionCharts XT merely involves
copying and pasting the SWF files and the JavaScript files from the package into any of your folders.</p></td>
</tr>
<tr>
<td valign="top" class="header"><a name="web" id="web"></a>Installing FusionCharts XT for your web application</td>
</tr>
<tr>
<td valign="top" class="text">
<p>Installation of FusionCharts XT for your web application is just a two-step affair:</p>
<ol>
<li>Create a folder named <span class="codeInline">FusionCharts</span>
in the root of your application (though, it is not mandatory to name
the folder as <span class="codeInline">FusionCharts</span> or create
it under the root folder. However, it organizes things a lot
more, as all the pages within your website can now access the common
set of charts).</li>
<li>Copy all the SWF and JavaScript files from <span class="codeInline">Download Package
> Charts</span> folder and paste it in <span class="codeInline">FusionCharts</span> folder.</li>
</ol>
<p class="highlightBlock">If you are also using charts from <a href="http://www.fusioncharts.com/PowerCharts" target="_blank">PowerCharts</a> 3.2 or earlier version, you will need to <a href="http://www.fusioncharts.com/download">download</a> or <a href="http://www.fusioncharts.com/PUC">update</a> to the latest PowerCharts pack and copy<span class="codeInline"> FusionCharts.HC.PowerCharts.js</span> from the <span class="codeInline">Charts</span> folder of the downloaded PowerCharts pack. </p>
<p>Installation Complete. There's no more step involved. You're
now ready to use FusionCharts XT in your web application.</p>
</td>
</tr>
<tr>
<td valign="top" class="header"><a name="local" id="local"></a>Installing FusionCharts XT on your local machine
for general charting</td>
</tr>
<tr>
<td valign="top" class="text"><p>If you want to create charts on your local
machine, follow the steps below:</p>
<ol>
<li>Create a folder named <span class="codeInline">FusionCharts</span>
inside your working folder. Again note that, it is not mandatory to name the folder
as <span class="codeInline">FusionCharts</span> or create it as a new
folder. However, doing this way organizes things a lot more.</li>
<li>Copy all the SWF and JavaScript files from <span class="codeInline">Download Package
> Charts</span> folder and now paste it in <span class="codeInline">FusionCharts</span> folder.</li>
<li>To enable communication between charts and JavaScript (like <a href="../JavaScript/JS_ChangeData.html#update">updating data</a>, <a href="../JavaScript/JS_DataBackFromChart.html">retrieving data</a>, <a href="../JavaScript/JS_PrintManager.html">printing</a>, <a href="../exporting-image/ECOverview.html">exporting</a>, <a href="../JavaScript/JS_EventOverview.html">event handling</a> etc.) in your local machine, you need to setup Flash Player Global Security settings. </li>
</ol>
<p class="highlightBlock msg_handler_slider">Note that setting up of Flash Player Global Security Settings is only required when you show the charts from your local file system. This is not required when the charts are displayed from a server (either localhost or remote).<br />
<a>Click here to learn more on how to configure Flash Player security settings </a> »</p>
<div class="msg_body code_container" style="width:620px; overflow:auto;margin-top:-24px;">You can manipulate the settings from the Global Security Settings panel.
<p>If the version of your Flash Player is 10.3 or above you will need to right click on the chart and select Global Settings... option from the right-click menu and do the following:</p>
<ol>
<li>Select Advanced tab </li>
<li>Click Add to Trusted Zone button</li>
<li>Add all the folder which contain the chart SWF files to this zone</li>
</ol>
<p><img src="Images/FlashPlayer1.jpg" /></p>
<p>To get a detailed step-by-step tutorial on the above, please click <a href="../../Tools/FlashPlayerSecuritySetup/HowToSetup.html#103" target="_blank">here</a>. </p>
<p>If the version of your Flash Player is lower than 10.3, it can be done in five simple steps:</p>
<ol>
<li>Go online to Adobe Flash Player Settings Manager and choose the <a href="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html" target="_blank">Global Security Settings panel</a></li>
<li>Select the "Always allow" radio button on the top to allow security exceptions. This control is marked as "1" in the image below</li>
<li> From the " <span class="codeInline">Edit Locations...</span>" drop down box, select "<span class="codeInline">Add location...</span>" option to bring up a dialog box. The drop down box is marked as "2" in the image below</li>
<li>Now select Browse for folder... and browse to the location where you are keeping the chart SWF files</li>
<li>After confirming your selection you should see the path of the exception added in area "3" of the image below</li>
</ol>
<br />
<img src="Images/installation_securitySetting.jpg" alt="Installation Security Settings" width="600" height="402" class="imageBorder" /><br />
<p class="highlightBlock">In case you wish to do this settings offline, you can ease this process by running a script file from the folder where you have kept the chart SWF files. Go to <a href="../../Tools/FlashPlayerSecuritySetup/HowToSetup.html#offline" target="_blank">How to setup Flash Player Global Security Settings?</a> page.</p>
</div>
<p>That completes the installation for FusionCharts XT. Now, all you need
to do is build your XML or JSON data and HTML page, which we'll see in the <a href="../FirstChart/FirstChart.html">next</a> section.</p> </td>
</tr>
</table>
<!-- footer links starts-->
<div id="fcfooter"></div>
<script type="text/javascript">
document.getElementById("fcfooter").innerHTML = addFCFooter("System Requirements|SysReq.html","Download Contents|DownloadC.html");
</script>
<!-- footer links ends -->
<script type="text/javascript" language="javascript1.2">//<![CDATA[
<!--
highlightSearch();
//-->
//]]></script>
</body>
</html>