|
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/exporting-image/javascript-ref/ |
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>Exporting Charts as PDF or Images - JavaScript Reference - Export Attributes </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">
table1 caption { text-align:left; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
padding-bottom: 6px; }
table tr td {
vertical-align:top; }
.table td p { margin: 5px 0; text-align:left; }
</style>
<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", "Exporting as Image/PDF|../ECOverview.html", "JavaScript Reference|ECReferenceJS.html", "Export attributes" ] ) );
</script>
<!-- breadcrumb ends here -->
<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td class="pageHeader">Export Attributes </td>
</tr>
<tr>
<td valign="top" class="text">
<p>These attributes are used while calling the <span class="codeInline">exportChart()</span> function of any FusionCharts object. They are meant to be passed as simple JavaScript object (JSON-like property-list) whenever there is the <span class="codeInline">exportAttributes</span> in context.</p>
<p>Typical usage of these attributes is in <span class="codeInline">exportAttributes</span> of every new <span class="codeInline">FusionChartsExportObject</span>.</p>
<p><strong>Example:</strong></p>
<pre class="prettyprint code_container"><script type="text/javascript">
var myExporter = new FusionChartsExportObject('myExporter', 'FusionCharts/FCExporter.swf');<br /> // customize the exporter by modifying the exportAttributes<br /><strong> myExporter.exportAttributes.exportAtClient = '1';<br /> myExporter.exportAttributes.exportFormat = 'PDF';</strong><br /> // render the UI<br /> myExporter.Render('ExporterContainerID');<br /></script></pre>
<p>In the <span class="codeInline">FusionChartsExportObject</span> constructor, you can provide export Attributes in {key1: 'value1', key2: 'value2', ... } format.</p>
<p><strong>Example:</strong></p>
<pre class="prettyprint code_container"><span class="codeInline">var myComponent = new FusionChartsExportObject('myComponent', 'FusionCharts/FCexporter.swf', null<br /> <strong>{ exportAtClient: '1', exportFormat: 'PDF' }</strong> );</span></pre>
</p>
<table width="98%" cellpadding="0" cellspacing="0" border="0" class="table">
<tr>
<td width="19%" class="header">Attribute Name</td>
<td width="16%" class="header">Value Type</td>
<td width="54%" class="header">Description</td>
<td width="11%" class="header">Default Value</td>
</tr>
<tr>
<td scope="col">exportHandler</td>
<td>string</td>
<td>
<p>In case of Server-side exporting, this refers to the path of the Server-side Export Handler (the ready-to-use scripts that we provide).</p>
<p>In case of Client-side exporting, this refers to the DOM Id of FusionCharts Export component that is embedded in your web page, along with the chart. </p></td>
<td><em>undefined</em></td>
</tr>
<tr>
<td scope="col">exportAtClient</td>
<td>boolean<br />
(0/1) </td>
<td><p> Whether to use Client-side Export Handlers, or Server-side Export Handlers.</p>
<p><strong>Note:</strong> By default the value is set to 0 which means the export is supposed to be done at server side.</p></td>
<td>0</td>
</tr>
<tr>
<td scope="col">exportFormat</td>
<td>string enum<br />
('PNG' / 'JPG' / 'PDF')</td>
<td><p>You can choose the format in which the chart is exported.</p></td>
<td>PNG</td>
</tr>
<tr>
<td scope="col">exportFileName</td>
<td>string</td>
<td><p>Using this attribute you can specify the name (excluding the extension) of the file to be exported.</p>
<p>When Server-side–save export is specified this attribute must provide the relative path of the destination file that is going to be saved to the server.<br />
For example,“../gallery/charts/myExpenseChart”</p></td>
<td> </td>
</tr>
<tr>
<td scope="col">exportAction</td>
<td>string enum<br />
('download' / 'save') </td>
<td><p> In case of Server-side exporting, the action specifies whether the exported image will be sent back to client as download, or whether it will be saved on the server.</p>
<p><strong>Note:</strong> This is only available for Server-side export.</p></td>
<td>download</td>
</tr>
<tr>
<td scope="col">exportTargetWindow</td>
<td>string enum<br />
('_self' / '_blank')</td>
<td><p><span class="text">In case of Server-side exporting and when using download as action, this lets you configure whether the return image/PDF will open in same window (as an attachment for download), or whether it will open in a new window. </span></p>
<p><strong>Note:</strong> This is only available for Server-side export.</p></td>
<td> </td>
</tr>
<tr>
<td scope="col">showExportDialog</td>
<td>boolean<br />
(0/1)</td>
<td><p>Whether to show the export dialog during capture phase. If not, the chart starts capturing process without the dialog visible.</p></td>
<td>1</td>
</tr>
<tr>
<td scope="col">exportCallback</td>
<td>string</td>
<td><p>This attribute specifies the name of the callback JavaScript function which will be called when the export event is complete.</p>
<p>The internal JavaScript function <em>FC_Exported </em>is the default method that will be called when no value specified.</p></td>
<td>FC_Exported</td>
</tr>
</table>
</td></tr></table>
<!-- footer links starts-->
<div id="fcfooter"></div>
<script type="text/javascript">
document.getElementById("fcfooter").innerHTML = addFCFooter("Component attributes|ECReferenceComponent.html","Initiating from JavaScript|ECJavaScript.html");
</script>
<!-- footer links ends -->
<script type="text/javascript" language="javascript1.2">//<![CDATA[
<!--
highlightSearch();
//-->
//]]></script>
</body>
</html>