|
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/grid-component/ |
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> Grid Component - Overview </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|../Introduction/Overview.html", "Grid Component", "Overview" ] ) );
</script>
<!-- breadcrumb ends here -->
<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td class="pageHeader"> Grid Component</td>
</tr>
<tr>
<td valign="top" class="text"><p>FusionCharts XT Grid Component helps you display Single-series FusionCharts XT data in a tabular format. You can combine the grid component with any Single-series chart to form a good looking combo. </p>
<p><strong><a name="feature"></a>Features:</strong></p>
<ul>
<li>Uses the same single series XML/JSON structure as any other FusionCharts XT chart. So, your chart and grid can use the same XML/JSON data source.</li>
<li>Allows Client-side paging of data. So, your users can iterate through different pages of tabular data without having to refresh the page. </li>
<li>Uses cosmetic properties from the chart XML/JSON data by default. However, you can over-ride the cosmetic properties specified in XML/JSON document by specifying individual properties for the Grid component. </li>
</ul>
<br /> </td>
</tr>
<tr>
<td valign="top" class="header"><a name="example"></a>Example</td>
</tr>
<tr>
<td valign="top" class="text"><p>Shown below is an example of Grid component used with a Pie 3D chart and Column 2D Chart.</p> </td>
</tr>
<tr>
<td valign="top" class="text"><table border="0" cellpadding="10" >
<tr>
<td valign="top"><div align="center"><img src="Images/Grid_Pie.jpg" width="292" height="413" class="imageBorder" /></div></td>
<td valign="top"><div align="center"><img src="Images/Grid_Col.jpg" width="295" height="515" class="imageBorder" /></div></td>
</tr>
<tr>
<td class="text"><div align="center">Pie 3D Chart with Grid Component </div></td>
<td class="text"><div align="center">Column 2D Chart with Grid Component </div></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" class="text"><p>You can treat the Grid component like any other FusionCharts XT chart. It has all the functionalities offered by other charts, like dynamic resizing, XML/JSON data source, JavaScript support, can be loaded inside other Flash movies etc. </p>
<p class="highlightBlock">FusionCharts XT Grid component cannot be exported to image/PDF.</p>
<p>Let us next see how to use the Grid component. </p></td>
</tr>
</table>
<!-- footer links starts-->
<div id="fcfooter"></div>
<script type="text/javascript">
document.getElementById("fcfooter").innerHTML = addFCFooter("FusionCharts XT Styles - Blur style type|../Styles/Blur.html","How to use?|Grid_Usage.html");
</script>
<!-- footer links ends -->
<script type="text/javascript" language="javascript1.2">//<![CDATA[
<!--
highlightSearch();
//-->
//]]></script>
</body>
</html>