|
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/server-side/ |
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>Exporting charts as PDF/Images - Configuring output formats and context menu </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", "Exporting as Image/PDF|../ECOverview.html", "Server-side export|ECServerOverview.html", "Configuring export formats" ] ) );
</script>
<!-- breadcrumb ends here -->
<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td class="pageHeader">Configuring output formats and context menu </td>
</tr>
<tr>
<td valign="top" class="text"><p>When you enable a chart for export by setting <span class="codeInline"><chart exportEnabled='1' ...></span>, the chart context menu shows all the export formats possible - JPEG, PNG and PDF, as shown below: </p> </td>
</tr>
<tr>
<td valign="top" class="text"><img src="../Images/SAI_SaveAsImage.jpg" width="492" height="295" class="imageBorder" /></td>
</tr>
<tr>
<td valign="top" class="text"><p>If you however need to only show selective formats or change the label of menu items, you can do it as under:</p>
<pre class="code_container prettyprint"><chart ... exportFormats='PDF=Export as PDF|PNG=Export as PNG' ...></pre>
<p>The format of this attribute is <span class="codeInline">FileType=Menu_Item_Label|File_Type2=Menu_Item_Label2</span> (the items are separated by | character; pipe character). Possible file types are JPG, PNG and PDF. The order of the item specified in the attribute value is reflected in the menu as well.</p>
<p>The above XML generates the following menu (note the change or order and title of menu items): </p></td>
</tr>
<tr>
<td valign="top" class="text"><img src="../Images/ECServerFormat.jpg" width="400" height="300" class="imageBorder" /></td>
</tr>
<tr>
<td valign="top" class="text"> </td>
</tr>
<tr>
<td valign="top" class="header">Hiding the context menu items </td>
</tr>
<tr>
<td valign="top" class="text"><p>If you do not wish to show any of the context menu items related to export (for example, if you just want to have the export triggered using JavaScript), you can set:</p>
<pre class="code_container prettyprint"><chart exportShowMenuItem='0' ..></pre>
<p>This will remove all export related items from context menu. </p></td>
</tr>
</table>
<!-- footer links starts-->
<div id="fcfooter"></div>
<script type="text/javascript">
document.getElementById("fcfooter").innerHTML = addFCFooter("Saving to server disk|ECServerSave.html","Configuring export dialog|ECExportDialog.html");
</script>
<!-- footer links ends -->
<script type="text/javascript" language="javascript1.2">//<![CDATA[
<!--
highlightSearch();
//-->
//]]></script>
</body>
</html>