|
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/ExportChartSamples/ServerSide/ |
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 XT- Automatic Server-side Export using Save action
</title>
<link href="../../assets/ui/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" LANGUAGE="Javascript" SRC="../../../Charts/FusionCharts.js"></script>
<script type="text/javascript" language="JavaScript" src="../../../Charts/FusionChartsExportComponent.js"></script>
<script type="text/javascript" LANGUAGE="Javascript" SRC="../../assets/ui/js/jquery.min.js"></script>
<script type="text/javascript" LANGUAGE="Javascript" SRC="../../assets/ui/js/lib.js"></script>
<!--[if IE 6]>
<script 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]-->
<script type="text/javascript">
<!--
//Callback handler method which is invoked after the chart has saved image on server.
//It's only parameter is an object which contains data returned from server. It consists of:
//statusCode - 1 (success) or 0 (failure)
//statusMessage - Any message passed from server to client
//fileName - HTTP reference to the generated image
//width - width of generated image (0 in case of failure).
//height - height of generated image (0 in case of failure)
function FC_Exported(objRtn){
if (objRtn.statusCode=="1"){
alert("The chart with DOM Id " + objRtn.DOMId + " was successfully saved on server. The file can be accessed from " + objRtn.fileName);
}else{
alert("The chart with DOM Id " + objRtn.DOMId + " could not be saved on server. There was an error. Description : " + objRtn.statusMessage);
}
}
//-->
</script>
<style type="text/css">
h2.headline {
font: normal 110%/137.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0;
margin: 25px 0 25px 0;
color: #7d7c8b;
text-align: center;
}
p.small {
font: normal 68.75%/150% Verdana, Geneva, sans-serif;
color: #919191;
padding: 0;
margin: 0 auto;
width: 664px;
text-align: center;
}
</style>
</head>
<body>
<!-- wrapper -->
<div id="wrapper">
<!-- header -->
<div id="header">
<div class="logo">
<a class="imagelink" href="http://www.fusioncharts.com/" target="_blank">
<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">Automatic Server-side Export using Save action</h1>
</div>
<!-- content area -->
<div class="content-area">
<div id="content-area-inner-main">
<p class="text" align="center" >The chart below will start exporting automaticallty to a server location after finishing rendering. <br />
<br />
NOTE: This example is to showcase how to start automatic export. It does not save the exported file until you define proper export handler before testing all the features of this example.</p>
<div id="messageBox" style="margin-left:100px; margin-right:100px; display:none;"></div>
<p> </p>
<div class="clear"></div>
<div class="gen-chart-render">
<div id="chartContainer" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>
<script type="text/javascript">
var serverSideExportSave_Data ='<chart yAxisName="Sales Figure" caption="Top 5 Sales Person" numberPrefix="$" useRoundEdges="1" bgColor="FFFFFF,FFFFFF" showBorder="0" exportEnabled="1" exportAtClient="0" exportAction="save" exportHandler="http://www.fusioncharts.com/ExportHandlers/PHP/FCExporter.php">\n\
<set label="Alex" value="25000" /> \n\
<set label="Mark" value="35000" /> \n\
<set label="David" value="42300" /> \n\
<set label="Graham" value="35300" /> \n\
<set label="John" value="31300" /> \n\
</chart>';
//Create the chart.
var myChart = new FusionCharts("../../../Charts/Column2D.swf", "myChartId", "400", "300", "0", "1");
myChart.setXMLData( serverSideExportSave_Data );
myChart.render("chartContainer");
myChart.addEventListener("Rendered", function () { FusionCharts("myChartId").exportChart(); } );
</script>
</div>
<div class="clear"></div>
<p> </p>
<p class="small"> </p>
<p> </p>
<div class="underline-dull"></div>
<div>
<p class="highlightBlock">The above sample showcases automatic Server side export. Click <a href="../../../Contents/index.html?exporting-image/server-side/ECServerOverview.html" target="_blank">here</a> to know more on how the code of this example works.</p>
</div>
</div>
</div>
<!-- footer -->
<div id="footer">
<ul>
<li><a href="../index.html"><span>« Back to list of examples</span></a></li>
<li class="pipe">|</li>
<li><a href="../../NoChart.html"><span>Unable to see the chart above?</span></a></li>
</ul>
</div>
</div>
<script type="text/javascript"><!--//
$(document).ready ( function() {
showConditionalMessage( "Your browser does not seem to have Flash Player support. JavaScript charts are rendered instead.", isJSRenderer(myChart) );
});
// -->
</script>
</body>
</html>