|
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/Code/JavaScript/ |
Upload File : |
<!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=utf-8" />
<title>FusionCharts XT JavaScript Samples</title>
<link href="../assets/ui/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../assets/ui/js/jquery.min.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="../assets/ui/js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
/* select the element name, css selector, background etc */
DD_belatedPNG.fix('img');
/* string argument can be any CSS selector */
</script>
<![endif]-->
<style type="text/css">
h2.headline {
font: normal 110%/137.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0;
margin: 10px 0 5px 0;
color: #000000;
}
</style>
</head>
<body>
<!-- wrapper -->
<div id="wrapper">
<!-- header -->
<div id="header">
<div class="logo"><a href="http://www.fusioncharts.com"><img src="../assets/ui/images/fusionchartsv3.2-logo.png" width="131" height="75" alt="FusionCharts XT logo" /></a></div>
<h1 class="brand-name">FusionCharts XT</h1><h1 class="logo-text">JavaScript Samples</h1>
</div>
<!-- content area -->
<div class="content-area">
<div id="content-area-inner-main">
<table width="890" border="0" cellspacing="10" cellpadding="10">
<tr>
<td width="50%" valign="top"><h2 class="headline">Creating charts</h2>
<ul class="sec-arr-list">
<li><a href="Basics/ConstructorMethods/NormalRenderingMethod.html">Create chart using Normal rendering method</a></li>
<li><a href="Basics/ConstructorMethods/ObjectAsConstructorParameter.html">Create chart using object as constructor parameter</a></li>
<li><a href="Basics/ConstructorMethods/MixedParameters.html">Create chart using hybrid parameters</a></li>
<li><a href="Basics/ConstructorMethods/UsingCompactRenderingMethod.html">Create chart using compact rendering method</a></li>
<li><a href="Basics/ConstructorMethods/MixedParametersCompact.html">Using compact rendering method (hybrid parameters) </a></li>
<li><a href="Basics/Dialog.html">Dynamically Resizable chart</a></li>
</ul><div class="underline-dull"></div>
<h2 class="headline">Providing and updating chart data</h2>
<ul class="sec-arr-list">
<li><a href="Basics/ProvidingAndUpdatingData/Updating_an_existing_chart.html" >Updating an existing chart</a></li>
<li><a href="Basics/ProvidingAndUpdatingData/Using_JSON_Object_as_chart_data_source.html" >Using JSON Object as chart data source</a></li>
<li><a href="Basics/ProvidingAndUpdatingData/Using_JSON_String_as_chart_data_source.html" >Using JSON String as chart data source</a></li>
<li><a href="Basics/ProvidingAndUpdatingData/Using_JSON_Url_as_the_chart_data_source.html" >Using JSON Url as the chart data source</a></li>
<li><a href="Basics/ProvidingAndUpdatingData/Using_XML_file_as_the_chart_data_source.html" >Using XML file as the chart data source</a></li>
<li><a href="Basics/ProvidingAndUpdatingData/Using_XML_String_as_the_chart_data_source.html" >Using XML String as the chart data source</a></li>
</ul><div class="underline-dull"></div>
<h2 class="headline">Changing chart properties</h2>
<ul class="sec-arr-list">
<li><a href="Basics/ChangingChartProperties/Change_chart_caption.html" >Change chart caption</a></li>
<li><a href="Basics/ChangingChartProperties/Change_chart_sub-caption.html" >Change chart sub-caption</a></li>
<li><a href="Basics/ChangingChartProperties/Change_chart_Theme.html" >Change chart theme</a></li>
<li><a href="Basics/ChangingChartProperties/Change_grid_settings.html" >Change alternate grid settings</a></li>
<li><a href="Basics/ChangingChartProperties/Change_number_formatting_settings.html" >Change number formatting settings</a></li>
<li><a href="Basics/ChangingChartProperties/Resize_chart_using_percent_values.html" >Resize chart using percent values</a> </li>
<li><a href="Basics/ChangingChartProperties/Resize_chart_using_pixel_values.html" >Resize chart using pixel values</a></li>
<li><a href="Basics/ChangingChartProperties/Set_off_shadow_and_lighting_effects.html" >Set off shadow and lighting effects</a></li>
<li><a href="Basics/ChangingChartProperties/Set_tooltips_off.html" >Set tool tips off</a></li>
</ul><div class="underline-dull"></div>
<h2 class="headline">Getting chart reference</h2>
<ul class="sec-arr-list">
<li><a href="Basics/GettingChartreference/FusionChartsGetObjectReference.html" > Get FusionCharts Object Reference</a></li>
<li><a href="Basics/GettingChartreference/UsingFusionChartsFunction.html" >Using FusionCharts() static Function</a></li>
<li><a href="Basics/GettingChartreference/UsingFusionChartsItems.html" >Using FusionCharts Items [] array</a> </li>
<li><a href="Basics/GettingChartreference/UsingJavaScriptGlobalVariableName.html">Using JavaScript Global Variable Name</a></li>
<li><a href="Basics/GettingChartreference/UsingLegacyFunction-getChartFromId.html">Using Legacy Function - getChartFromId()</a></li>
</ul><div class="underline-dull"></div>
<h2 class="headline">Functions and properties</h2>
<ul class="sec-arr-list">
<li><a href="Basics/Functions/instance-setXMLUrl.html" >Function - setXMLUrl</a></li>
<li><a href="Basics/Functions/instance-setXMLData.html" >Function - setXMLData</a></li>
<li><a href="Basics/Functions/instance-setJSONUrl.html" >Function - setJSONUrl</a></li>
<li><a href="Basics/Functions/instance-setJSONData-String.html" >Function - setJSONData (String)</a></li>
<li><a href="Basics/Functions/instance-setChartDataUrl-JSON.html" >Function - setChartDataUrl (JSON)</a></li>
<li><a href="Basics/Functions/instance-setChartDataUrl-XML.html" >Function - setChartDataUrl (XML)</a></li>
<li><a href="Basics/Functions/instance-setChartData-JSON.html" >Function - setChartData (JSON)</a></li>
<li><a href="Basics/Functions/instance-setChartAttribute.html" >Function - setChartAttribute (simple)</a></li>
<li><a href="Basics/Functions/instance-setChartAttribute-mixed.html" >Function - setChartAttribute (mixed parameters)</a></li>
<li><a href="Basics/Functions/instance-setTransparent.html" >Function - setTransparent </a></li>
<li><a href="Basics/Functions/instance-render-HTMLNode.html" >Function - render (container passed as HTML Node)</a></li>
<li><a href="Basics/Functions/instance-render-String.html" >Function - render</a></li>
<li><a href="Basics/Functions/getObjectReference.html" >Function - getObjectReference</a></li>
<li><a href="Basics/Functions/getChartFromId.html" >Function - getChartFromId</a></li>
<li><a href="Basics/Functions/instance-getChartAttribute.html" >Function - getChartAttribute</a></li>
<li><a href="Basics/Functions/instance-getXMLData.html" >Function - getXMLData</a></li>
<li><a href="Basics/Functions/instance-getChartData.html" >Function - getChartData</a></li>
<li><a href="Basics/Functions/instance-getDataAsCSV.html" >Function - getDataAsCSV</a></li>
<li><a href="Basics/Functions/instance-getXML.html" >Function - getXML</a></li>
<li><a href="Basics/Functions/instance-resizeTo.html" >Function - resizeTo</a></li>
<li><a href="Basics/Functions/instance-resizeTo-percent.html" >Function - resizeTo (percent)</a></li>
<li><a href="Basics/Functions/instance-configureLink.html" >Function - configureLink</a></li>
<li><a href="Basics/Functions/addEventListener.html" >Function - addEventListener</a></li>
<li><a href="Basics/Functions/removeEventListener.html" >Function - removeEventListener</a></li>
<li><a href="Basics/ManagedPrintForMozilla/ManagedPrintingInMozillaBrowsers.html" >Function - Print Manager (configure)</a></li>
<li><a href="Basics/Functions/instance-exportChart.html" >Function - exportChart</a></li>
<li><a href="Basics/Functions/instance-print.html" >Function - print</a></li>
<li><a href="Basics/Functions/instance-clone.html" >Function - clone</a></li>
<li><a href="Basics/Functions/instance-clone-chartParams.html" >Function - clone (override some parameters)</a></li>
<li><a href="Basics/Functions/instance-dispose.html" >Function - dispose</a></li>
<li><a href="Basics/Functions/isActive.html" >Function - isActive</a></li>
<li><a href="Basics/Functions/instance-hasRendered.html" >Function - hasRendered</a></li>
<li><a href="Basics/Functions/FusionCharts_chartIdString.html" >Function - chartId</a></li>
<li><a href="Basics/Functions/instance-chartType.html" >Function - chartType</a></li>
<li><a href="Basics/Functions/instance-signature.html" >Function - signature</a></li>
</ul>
</td>
<td valign="top">
<h2 class="headline">Getting data back from charts</h2>
<ul class="sec-arr-list">
<li><a href="Basics/GettingDataBackFromChart/Get_CSV_Data_from_chart.html" >Get CSV Data from chart</a></li>
<li><a href="Basics/GettingDataBackFromChart/Get_JSON_data_from_a_chart_using_getChartData.html" >Get JSON data from a chart using getChartData()</a></li>
<li><a href="Basics/GettingDataBackFromChart/Get_JSON_data_from_a_chart_using_getJSONData.html" >Get JSON data from a chart using getJSONData()</a></li>
<li><a href="Basics/GettingDataBackFromChart/Get_XML_data_from_a_chart_using_getXMLData.html" >Get XML data from a chart using getXMLData()</a></li>
<li><a href="Basics/GettingDataBackFromChart/Get_XML_from_a_chart_using_getChartData.html" >Get XML from a chart using getChartData()</a></li>
<li><a href="Basics/GettingDataBackFromChart/Get_XML_from_a_chart_using_getXML.html" >Get XML from a chart using getXML()</a></li>
<li><a href="Basics/GettingDataBackFromChart/Read_chart_attributes_from_chart.html" >Read chart attributes</a></li>
</ul><div class="underline-dull"></div>
<h2 class="headline">Managed Print for Mozilla</h2>
<ul class="sec-arr-list">
<li><a href="Basics/ManagedPrintForMozilla/ManagedPrintingInMozillaBrowsers.html" >FusionCharts Managed Print for Mozilla</a></li>
</ul><div class="underline-dull"></div>
<h2 class="headline">Events</h2>
<ul class="sec-arr-list">
<li><a href="Basics/ListeningToEvents/Simple_event_listening.html" >Using Simple Event Listeners </a></li>
<li><a href="Basics/ListeningToEvents/Using_JavaScript_advanced_event_registration_model.html" >Using JavaScript Advanced Event Registration Model</a></li>
<li><a href="Basics/Events/Initialize.html" >Event - Initialize</a></li>
<li><a href="Basics/Events/DataUpdated.html" >Event - DataUpdated</a></li>
<li><a href="Basics/Events/Loaded.html" >Event - Loaded</a></li>
<li><a href="Basics/Events/Rendered.html" >Event - Rendered</a></li>
<li><a href="Basics/Events/DrawComplete.html" >Event - DrawComplete</a></li>
<li><a href="Basics/Events/Resized.html" >Event - Resized</a></li>
<li><a href="Basics/Events/Exported.html" >Event - Exported</a></li>
<li><a href="Basics/Events/PrintReadyStateChange.html" >Event - PrintReadyStateChange</a></li>
<li><a href="Basics/Events/BeforeLinkedItemOpen.html" >Event - BeforeLinkedItemOpen</a></li>
<li><a href="Basics/Events/LinkedItemOpened.html" >Event - LinkedItemOpened</a></li>
<li><a href="Basics/Events/BeforeLinkedItemClose.html" >Event - BeforeLinkedItemClose</a></li>
<li><a href="Basics/Events/LinkedItemClosed.html" >Event - LinkedItemClosed</a></li>
<li><a href="Basics/Events/FC_DataLoadError.html" >Event - DataLoadError</a></li>
<li><a href="Basics/Events/FC_DataXMLInvalid.html" >Event - DataXMLInvalid</a></li>
<li><a href="Basics/Events/FC_NoDataToDisplay.html" >Event - NoDataToDisplay</a></li>
<li><a href="Basics/Events/BeforeDispose.html" >Event - BeforeDispose</a></li>
<li><a href="Basics/Events/Disposed.html" >Event - Disposed</a></li>
</ul><div class="underline-dull"></div>
<h2 class="headline">Using LinkedCharts</h2>
<ul class="sec-arr-list">
<li><a href="Basics/UsingLinkedCharts/linked-charts-xml.html" >Basic LinkedCharts using XML (embedded)</a></li>
<li><a href="Basics/UsingLinkedCharts/linked-charts-json.html" >Basic LinkedCharts using JSON (embedded)</a></li>
<li><a href="Basics/UsingLinkedCharts/linked-charts-basic-xmlurl.html" >LinkedCharts using XML-URL</a></li>
<li><a href="Basics/UsingLinkedCharts/linked-charts-basic-jsonurl.html" >LinkedCharts using JSON-URL</a></li>
<li><a href="Basics/UsingLinkedCharts/linked-charts-config-basic-xml.html" >LinkedCharts configuration (XML-URL)</a></li>
<li><a href="Basics/UsingLinkedCharts/linked-charts-config-basic-json.html" >LinkedCharts configuration (JSON-URL)</a></li>
<li><a href="Basics/UsingLinkedCharts/linked-charts-config-renderat-xml.html" >LinkedCharts in different container (XML-URL)</a></li>
<li><a href="Basics/UsingLinkedCharts/linked-charts-config-renderat-json.html" >LinkedCharts in different container (JSON-URL)</a></li>
<li><a href="Basics/UsingLinkedCharts/linked-charts-event-xml.html" >LinkedCharts event (XML-URL)</a></li>
<li><a href="Basics/UsingLinkedCharts/linked-charts-event-json.html" >LinkedCharts event (JSON-URL)</a></li>
<li><a href="Basics/UsingLinkedCharts/MultiLevelLinkedCharts.html">Multi-level LinkedCharts</a></li>
<li><a href="Basics/UsingLinkedCharts/MultiLevelLinkedChartsJS.html">Multi-level LinkedCharts (JavaScript charts)</a></li>
<li><a href="Basics/UsingLinkedCharts/jqdialog.html">LinkedCharts in jQuery Dialog</a></li>
<li><a href="Basics/UsingLinkedCharts/jqprettyphoto.html">LinkedCharts in PrettyPhoto light-box </a></li>
<li><a href="Basics/UsingLinkedCharts/ExtJs.html" >LinkedCharts in ExtJS Window</a> window </li>
<li><a href="Basics/UsingLinkedCharts/highslide.html" >LinkedCharts in Highslide light-box</a></li>
</ul>
<div class="underline-dull"></div>
<h2 class="headline">Special charts</h2>
<ul class="sec-arr-list">
<li><a href="Combi3D_JSAPI/index.html" >True 3D Combination Charts JavaScript API</a></li>
<li><a href="Combi3D_JSAPI/view100.html" >True 3D Combination Charts View 100 percent</a></li>
<li><a href="Combi3D_JSAPI/index.html" ></a>True 3D - <a href="Combi3D_JSAPI/getViewAngles.html" >Get View Angles</a></li>
<li><a href="Combi3D_JSAPI/rotateView.html" >True 3D - Rotate View</a></li>
<li><a href="Combi3D_JSAPI/view2D.html" >True 3D - View 2D</a></li>
<li><a href="Combi3D_JSAPI/view3D.html" >True 3D - View 3D</a></li>
<li><a href="PieDoughnut/togglePieSlice.html" >Pie/Doughnut - using togglePieSlice()</a></li>
<li><a href="PieDoughnut/enableSlicingMovementAndLink.html" >Pie/Doughnut - Enable Slicing Movement</a></li>
<li><a href="ZoomLine/Index.html">Zoom Line JavaScript API</a></li>
</ul>
<div class="underline-dull"></div>
<h2 class="headline">Error</h2>
<ul class="sec-arr-list">
<li><a href="Errors/JSDebugMode.html" >JavaScript Debug Mode</a></li>
<li><a href="Errors/JSDebugModeOutputFormat.html" >JavaScript Debug Mode Output Format</a></li>
<li><a href="Errors/JSDebugModeFirebugLight.html" >JavaScript Debug Mode using Firebug Light</a></li>
<li><a href="Errors/NoDataToDisplay.html" >No Data To Display</a></li>
<li><a href="Basics/HandlingErrors/FC_DataLoadError.html" >FusionCharts Data Load Error</a></li>
<li><a href="Basics/HandlingErrors/FC_DataXMLInvalid.html" >FusionCharts Data XML Invalid</a></li>
<li><a href="Basics/HandlingErrors/FC_NoDataToDisplay.html" >FusionCharts No Data To Display error</a></li>
<li><a href="Errors/AdvanceEventsInvalidXML.html" >Advanced Events (Invalid XML)</a></li>
</ul>
<div class="underline-dull"></div>
<h2 class="headline">Example Application</h2>
<ul class="sec-arr-list">
<li><a href="ExampleApplication/index.html" >Sales dashboard (JavaScript-AJAX)</a></li>
<li><a href="bgImageTryout/index.html">Interactive background-image feature demo</a></li>
</ul>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</div>
<!-- footer -->
<p> </p>
<div id="footer">
<ul>
<li></li>
<!-- <li class="pipe">|</li>
<li><a href="license.html">License and Upgrade</a></li>-->
</ul>
</div>
</div>
</body>
</html>