|
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/ |
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 Code 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">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">First Charts</h2>
<ul class="sec-arr-list">
<li><a href="MyFirstChart/weekly-sales.html" >Weekly Sales</a></li>
<li><a href="MyFirstChart/weekly-sales-force-js.html">Pure JavaScript chart</a></li>
<li><a href="MyFirstChart/weekly-sales-pie.html" >Change chart type</a></li>
<li><a href="MyFirstChart/site-visitor-resize-dynamic.html" >Dynamic width and height</a></li>
<li><a href="MyFirstChart/weekly-sales-multiple-charts.html">Multiple charts in a page</a> </li>
<li><a href="MyFirstChart/weekly-sales-multiple-charts-print-manager.html">Print Manager</a></li>
</ul>
<a href="MyFirstChart/index.html" style="margin-left:20px;" >More...</a>
<div class="underline-dull"></div>
<h2 class="headline">JavaScript Class Samples</h2>
<ul class="sec-arr-list">
<li><a href="JavaScript/Basics/ConstructorMethods/NormalRenderingMethod.html" >Create a chart</a></li>
<li><a href="JavaScript/Basics/ProvidingAndUpdatingData/Updating_an_existing_chart.html" >Upadate chart data</a></li>
<li><a href="JavaScript/Basics/ChangingChartProperties/Change_chart_Theme.html" >Update chart attribute</a></li>
<li><a href="JavaScript/Basics/GettingDataBackFromChart/Get_XML_data_from_a_chart_using_getXMLData.html" >Get XML from chart</a></li>
<li><a href="JavaScript/Basics/GettingDataBackFromChart/Get_CSV_Data_from_chart.html" >Get CSV from charts</a></li>
<li><a href="JavaScript/Basics/Events/Rendered.html" >Listening events</a></li>
<li><a href="JavaScript/Basics/ManagedPrintForMozilla/ManagedPrintingInMozillaBrowsers.html" >Using Print Manager</a></li>
</ul>
<a href="JavaScript/index.html" style="margin-left:20px;" >More...</a>
<div class="underline-dull"></div>
<h2 class="headline">Drill-down charts</h2>
<ul class="sec-arr-list">
<li><a href="DrillDown/SimpleExample.html" >Simple DrillDown</a></li>
<li><a href="DrillDown/NewWindow.html" >New window</a></li>
<li><a href="DrillDown/ChartHotSpot.html" >Chart as hot-spot</a></li>
<li><a href="DrillDown/FrameExample.html" >Using Frames</a></li>
<li><a href="DrillDown/PopUpExample.html" >Using Popup window</a></li>
<li><a href="DrillDown/JSExampleJavaScript.html" >Using JavaScript links</a></li>
<li><a href="MyFirstChart/linked-charts.html" ><em>Basic LinkedCharts</em></a></li>
</ul>
<div class="underline-dull"></div>
<h2 class="headline"><em>LinkedCharts</em> Examples</h2>
<ul class="sec-arr-list">
<li><a href="JavaScript/Basics/UsingLinkedCharts/linked-charts-xml.html" ><em>LinkedChart</em> with a single data-source</a></li>
<li><a href="JavaScript/Basics/UsingLinkedCharts/linked-charts-config-basic-xml.html" ><em>LinkedChart</em>s with basic configuration</a></li>
<li><a href="JavaScript/Basics/UsingLinkedCharts/linked-charts-config-renderat-xml.html"><em>LinkedCharts</em> opening in new container </a></li>
<li><a href="JavaScript/Basics/UsingLinkedCharts/linked-charts-event-xml.html" >LinkedCharts events</a></li>
<li><a href="JavaScript/Basics/UsingLinkedCharts/MultiLevelLinkedCharts.html">Multi-level <em>LinkedCharts</em> </a></li>
<li><a href="JavaScript/Basics/UsingLinkedCharts/jqdialog.html">In jQuery Dialog </a></li>
<li><a href="JavaScript/Basics/UsingLinkedCharts/jqprettyphoto.html">In PrettyPhoto light-box</a></li>
<li><a href="JavaScript/Basics/UsingLinkedCharts/highslide.html">In Highslide light-box</a></li>
<li><a href="JavaScript/Basics/UsingLinkedCharts/ExtJs.html"><em>In ExtJS </em>Window</a></li>
</ul>
<div class="underline-dull"></div>
<h2 class="headline">Style Samples</h2>
<ul class="sec-arr-list">
<li><a href="Styles/animation.html" >Bouncing column animation </a></li>
<li><a href="Styles/animation2.html" >Expanding column animation</a></li>
<li><a href="Styles/font.html">Using various font styles </a></li>
<li><a href="Styles/shadow.html" >Adding distanced-shadow effect</a></li>
<li><a href="Styles/glow.html">Making a Doughnut chart glow</a></li>
<li><a href="Styles/bevel.html">Creating bevel-ed Columns</a></li>
<li><a href="Styles/blur.html">Applying Blur style to line</a></li>
</ul>
<div class="underline-dull"></div></td>
<td valign="top">
<h2 class="headline">jQuery plugin Samples</h2>
<ul class="sec-arr-list">
<li><a href="jquery/BasicExample/FirstChart.html">Simple Column 3D Chart</a></li>
<li><a href="jquery/BasicExample/ConvertToJS.html">Pure JavaScript chart</a></li>
<li><a href="jquery/BasicExample/ChangeData.html">Change chart data</a></li>
<li><a href="jquery/BasicExample/attrFusionCharts.html">Change chart settings</a></li>
<li><a href="jquery/BasicExample/AppendPrepend.html">Append and Prepend chart</a></li>
<li><a href="jquery/usingcontainers/jquerydialog.html">Rendering inside jQuery dialog</a></li>
</ul>
<a href="jquery/index.html" style="margin-left:20px;" >More...</a>
<div class="underline-dull"></div>
<h2 class="headline">Grid Samples</h2>
<ul class="sec-arr-list">
<li><a href="Grid/SimpleGrid.html" >Simple Grid </a></li>
<li><a href="Grid/GridWithChart.html" >Grid with chart </a></li>
<li><a href="Grid/ParameterGrid.html" >Grid parameters </a></li>
</ul>
<div class="underline-dull"></div>
<h2 class="headline">Special Charts and demos</h2>
<ul class="sec-arr-list">
<li><a href="JavaScript/Combi3D_JSAPI/index.html" >True 3D Combination chart </a></li>
<li><a href="JavaScript/PieDoughnut/togglePieSlice.html" >Using pie slicing JavaScript API</a></li>
<li><a href="JavaScript/ZoomLine/Index.html" >Using Zoom line chart JavaScript API</a></li>
<li><a href="JavaScript/Basics/Tabs/tab.html" target="_blank">FusionCharts in tabs</a></li>
<li><a href="JavaScript/ExampleApplication/index.html" target="_blank">FusionCharts product selector application </a></li>
</ul>
<div class="underline-dull"></div>
<h2 class="headline">Chart Messages </h2>
<ul class="sec-arr-list">
<li><a href="JavaScript/messages/index.html" >Setting custom message</a> </li>
<li><a href="JavaScript/messages/messagebgcolor.html" >Background color while showing chart message </a></li>
</ul>
<div class="underline-dull"></div>
<h2 class="headline">Export Samples</h2>
<ul class="sec-arr-list">
<li><a href="ExportChartSamples/ClientSide/SimpleExample.html" >Client-Side Simple Example</a></li>
<li><a href="ExportChartSamples/ClientSide/SimpleExampleCustom.html">Clien-side custom export</a> </li>
<li><a href="ExportChartSamples/ClientSide/Callback.html">Client-side call-back</a> </li>
<li><a href="ExportChartSamples/ClientSide/MultipleCharts_Many2One.html" >Client-side multiple charts to one file </a></li>
<li><a href="ExportChartSamples/ClientSide/MultipleCharts_One2One.html" >Client-side one charts to one file </a></li>
<li><a href="ExportChartSamples/JavaScriptExport/ClientSideSimple.html" >Using JavaScript</a></li>
<li><a href="ExportChartSamples/BatchExport/SimpleExample.html" >Batch mode export at client </a></li>
</ul><a href="ExportChartSamples/index.html" style="margin-left:20px;" >More...</a>
<div class="underline-dull"></div>
<h2 class="headline">Debug Examples</h2>
<ul class="sec-arr-list">
<li><a href="DebugMode/WrongStyle.html" >Wrong Style</a></li>
<li><a href="DebugMode/NoDataSpecifiedError.html" >No Data Specified Error</a></li>
<li><a href="DebugMode/DebugWindow.html" >Debug window</a></li>
<li><a href="DebugMode/ErrorXML.html" >XML Error</a></li>
<li><a href="JavaScript/Errors/JSDebugMode.html">JavaScript debugMode</a> </li>
<li><a href="JavaScript/Errors/JSDebugModeFirebugLight.html">Using firebug-light </a></li>
</ul></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</div>
<!-- footer -->
<p> </p>
<div id="footer">
<ul>
<li></li>
</ul>
</div>
</div>
</body>
</html>