|
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 : /proc/21571/root/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 - Parameters </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|Grid_Overview.html", "Grid Parameters" ] ) );
</script>
<!-- breadcrumb ends here -->
<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td class="pageHeader">Grid Component - Parameters </td>
</tr>
<tr>
<td valign="top" class="text">
<p>FusionCharts XT Grid accepts a lot of parameters as FlashVars. These parameters can be passed using <span class="codeInline"><a href="../JavaScript/API/Methods.html#configure">configure</a></span> function (or <a href="../JavaScript/API/Methods.html#addvariable">addVariable</a> function which is deprecated). </p>
<p>Given below is a list and description of all the parameters: </p>
</td>
</tr>
<tr>
<td valign="top" class="textBold"><a name="parameterlist" id="parameterlist"></a>
<table class="table" width="98%" border="0" cellpadding="2" cellspacing="0" >
<tr class="header">
<td width="20%" class="header">Parameter Name </td>
<td width="12%" class="header">Type</td>
<td width="66%" class="header">Description</td>
</tr>
<tr>
<td valign="top" class="codeInline">showPercentValues</td>
<td valign="top" class="text">Boolean</td>
<td valign="top" class="text">Whether to show the numbers on grid as percentage or actual values </td>
</tr>
<tr>
<td valign="top" class="codeInline">numberItemsPerPage</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">Number of data items that you want to display in one particular page. Use this attribute if you want to force your own value. Else, FusionCharts XT calculates the best fit value. </td>
</tr>
<tr>
<td valign="top" class="codeInline">showShadow</td>
<td valign="top" class="text">Boolean</td>
<td valign="top" class="text">Whether to show shadow for color boxes and navigation buttons. </td>
</tr>
<tr>
<td colspan="3" valign="top" class="text"> </td>
</tr>
<tr>
<td colspan="3" valign="top" class="header"><a name="background"></a>Background Properties </td>
</tr>
<tr>
<td valign="top" class="codeInline">bgColor</td>
<td valign="top" class="text">Color</td>
<td valign="top" class="text">If you want the grid to have a different background color from chart, use this attribute to specify the same. </td>
</tr>
<tr>
<td valign="top" class="codeInline">bgAlpha</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">If you want the grid to have a different background alpha from chart, use this attribute to specify the same. </td>
</tr>
<tr>
<td valign="top" class="codeInline">bgRatio</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">If you want the grid to have a different background ratio from chart, use this attribute to specify the same. </td>
</tr>
<tr>
<td valign="top" class="codeInline">bgAngle</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">If you want the grid to have a different background angle from chart, use this attribute to specify the same. </td>
</tr>
<tr>
<td colspan="3" valign="top" class="text"> </td>
</tr>
<tr>
<td colspan="3" valign="top" class="header"><a name="border"></a>Border Properties </td>
</tr>
<tr>
<td valign="top" class="codeInline">showBorder</td>
<td valign="top" class="text">Boolean</td>
<td valign="top" class="text">Whether to show border for the grid. </td>
</tr>
<tr>
<td valign="top" class="codeInline">borderColor</td>
<td valign="top" class="text">Color</td>
<td valign="top" class="text">If you want the grid to have a different border color from chart, use this attribute to specify the same. </td>
</tr>
<tr>
<td valign="top" class="codeInline">borderThickness</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">If you want the grid to have a different border thickness from chart, use this attribute to specify the same. </td>
</tr>
<tr>
<td valign="top" class="codeInline">borderAlpha</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">If you want the grid to have a different border alpha from chart, use this attribute to specify the same. </td>
</tr>
<tr>
<td valign="top" colspan="3" class="text"> </td>
</tr>
<tr>
<td colspan="3" valign="top" class="header"><a name="font"></a>Font Properties </td>
</tr>
<tr>
<td valign="top" class="codeInline">baseFont</td>
<td valign="top" class="text">Font</td>
<td valign="top" class="text">If you want the grid to have a different font face from chart, use this attribute to specify the same. </td>
</tr>
<tr>
<td valign="top" class="codeInline">baseFontSize</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">If you want the grid to have a different font size from chart, use this attribute to specify the same. </td>
</tr>
<tr>
<td valign="top" class="codeInline">baseFontColor</td>
<td valign="top" class="text">Color</td>
<td valign="top" class="text">If you want the grid to have a different font color from chart, use this attribute to specify the same. </td>
</tr>
<tr>
<td colspan="3" valign="top" class="text"> </td>
</tr>
<tr>
<td colspan="3" valign="top" class="header"><a name="datarow"></a><a name="divider"></a>Alternate data rows and divider properties </td>
</tr>
<tr>
<td valign="top" class="codeInline">alternateRowBgColor</td>
<td valign="top" class="text">Color</td>
<td valign="top" class="text">Background color of alternate data rows </td>
</tr>
<tr>
<td valign="top" class="codeInline">alternateRowBgAlpha</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">Transparency of alternate data rows </td>
</tr>
<tr>
<td colspan="3" valign="top" class="codeInline"> </td>
</tr>
<tr>
<td valign="top" class="codeInline">listRowDividerThickness</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">Thickness of the line separating two data rows </td>
</tr>
<tr>
<td valign="top" class="codeInline">listRowDividerColor</td>
<td valign="top" class="text">Color</td>
<td valign="top" class="text">Color of the line separating two data rows </td>
</tr>
<tr>
<td valign="top" class="codeInline">listRowDividerAlpha</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">Alpha of the line separating two data rows. </td>
</tr>
<tr>
<td colspan="3" valign="top" class="codeInline"> </td>
</tr>
<tr>
<td valign="top" class="codeInline">colorBoxWidth</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">Width of the rectangular color box indicating each data item. </td>
</tr>
<tr>
<td valign="top" class="codeInline">colorBoxHeight</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">Height of the rectangular color box indicating each data item. </td>
</tr>
<tr>
<td colspan="3" valign="top" class="text"> </td>
</tr>
<tr>
<td colspan="3" valign="top" class="header"><a name="navigation"></a>Navigation button properties </td>
</tr>
<tr>
<td valign="top" class="codeInline">navButtonRadius</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">Radius (in pixels) of the navigation button(s), which appears when paging is required. </td>
</tr>
<tr>
<td valign="top" class="codeInline">navButtonColor</td>
<td valign="top" class="text">Color</td>
<td valign="top" class="text">Color of the navigation button(s), which appears when paging is required. </td>
</tr>
<tr>
<td valign="top" class="codeInline">navButtonHoverColor</td>
<td valign="top" class="text">Color</td>
<td valign="top" class="text">Hover color of the navigation button(s), which appears when paging is required. </td>
</tr>
<tr>
<td colspan="3" valign="top" class="text"> </td>
</tr>
<tr>
<td colspan="3" valign="top" class="header"><a name="paddings"></a>Paddings</td>
</tr>
<tr>
<td valign="top" class="codeInline">textVerticalPadding</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">Vertical padding (space in pixels) between the list row divider line and the text between the lines. </td>
</tr>
<tr>
<td valign="top" class="codeInline">navButtonPadding</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">Vertical padding (space in pixels) between the last data item and the navigation buttons. The navigation buttons appear only when paging is required. </td>
</tr>
<tr>
<td valign="top" class="codeInline">colorBoxPadding</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">Horizontal distance between the left edge of the grid and the color box (indicating data color). </td>
</tr>
<tr>
<td valign="top" class="codeInline">valueColumnPadding</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">Horizontal distance between the data value and the right edge. </td>
</tr>
<tr>
<td valign="top" class="codeInline">nameColumnPadding</td>
<td valign="top" class="text">Number</td>
<td valign="top" class="text">Horizontal distance between the data name and the right edge of color box. </td>
</tr>
</table>
</td>
</tr>
</table>
<!-- footer links starts-->
<div id="fcfooter"></div>
<script type="text/javascript">
document.getElementById("fcfooter").innerHTML = addFCFooter("How to use?|Grid_Usage.html","Exporting as Image/PDF|../exporting-image/ECOverview.html");
</script>
<!-- footer links ends -->
<script type="text/javascript" language="javascript1.2">//<![CDATA[
<!--
highlightSearch();
//-->
//]]></script>
</body>
</html>