|
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/FirstChart/ |
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>Creating charts using various server side scripts </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", "Creating your first chart|FirstChart.html", "Using server side scripts" ] ) );
</script>
<!-- breadcrumb ends here -->
<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td class="pageHeader">Creating charts using various server side scripts </td>
</tr>
<tr>
<td class="text">
<p>Throughout this section, we have shown you how to build charts using static data (that is, data which was manually created by you). However, FusionCharts XT can also connect to dynamic sources of data using server side scripts like ASP, ASP.NET C#, ASP.NET VB.NET, PHP, J2EE, Ruby on Rails, ColdFusion
<!--, Perl-->
etc. </p>
<p>FusionCharts XT can be implemented using <strong>any</strong> server-side technology, since charts are rendered at client side. The <strong>role of server-side scripts is only to provide XML/JSON data</strong> as string.</p>
<p>To make the task of embedding charts in web pages easier, FusionCharts XT provides wrapper classes for various server-side scripts like ASP, ASP.NET C#, ASP.NET VB.NET, PHP, J2EE, Ruby on Rails and ColdFusion. Moreover, in ASP and PHP, the APIs allow you to connect to arrays and databases and even dynamically build XML data which can directly be provided to chart.</p>
<p>In this page, we provide highlights of code snippets that are used in various server-side technologies for embedding FusionCharts XT. The next section shows how charts can be generated using dynamic data from database. </p></td>
</tr>
<tr>
<td class="header"><a name="asp" id="asp"></a>Using ASP</td>
</tr>
<tr><td height="23"></td></tr>
<tr>
<td>
<pre class="code_container prettyprint">Call renderChart("../../FusionCharts/Column3D.swf", "Data/Data.xml", "", "myFirst", 600, 300, False, True)</pre>
</td>
</tr>
<tr>
<td class="text"><p>Code to create JavaScript chart:</p></td>
</tr>
<tr>
<td>
<pre class="code_container prettyprint">FC_SetRenderer( "javascript" )
Call renderChart("../../FusionCharts/Column2D.swf", "Data/Data.xml", "", "chart1", 600, 300, False, True)</pre>
</td>
</tr>
<tr>
<td class="text"><p>Read more from <a href="../guide-for-web-developers/asp/ASP_BasicExample.html">here</a> on FusionCharts XT and ASP. For more details, please read the <b>Using with ASP</b> and <b>FusionCharts ASP Class</b> sections in the <b> Guide for Web Developers</b> section. </p></td>
</tr>
<tr>
<td class="header"><a name="cs" id="cs"></a>Using ASP.NET C# </td>
</tr>
<tr><td height="23"></td></tr>
<tr>
<td><pre class="code_container prettyprint">FusionCharts.RenderChart("../FusionCharts/Column3D.swf", "Data/Data.xml", "", "myFirst", "600", "300", false, true);</pre>
</td>
</tr>
<tr>
<td class="text"><p>Code to create JavaScript chart:</p></td>
</tr>
<tr>
<td>
<pre class="code_container prettyprint">FusionCharts.SetRenderer("javascript");
Literal1.Text = FusionCharts.RenderChart("../FusionCharts/Column2D.swf", "Data/Data.xml", "", "chart1", "600", "300", false, true); </pre>
</td>
</tr>
<tr>
<td class="text">
<p>Read more from <a href="../guide-for-web-developers/csnet/CS_BasicExample.html">here</a> on FusionCharts XT and ASP.NET C#. For more details, please read the <b>Using with C# (ASP.NET) </b>section in the <b> Guide for Web Developers</b> section<b>. </b></p>
</td>
</tr>
<tr>
<td class="header"><a name="vb" id="vb"></a>Using ASP.NET VB</td>
</tr>
<tr><td height="23"></td></tr>
<tr>
<td>
<pre class="code_container prettyprint">FusionCharts.RenderChart("../FusionCharts/Column3D.swf", "Data/Data.xml", "", "myFirst", "600", "300", False, True)</pre>
</td>
</tr>
<tr>
<td class="text"><p>Code to create JavaScript chart:</p></td>
</tr>
<tr>
<td>
<pre class="code_container prettyprint">FusionCharts.SetRenderer("javascript")
Literal1.Text = FusionCharts.RenderChart("../FusionCharts/Column2D.swf", "../BasicExample/Data/Data.xml", "", "chart1", "600", "300", False, True)</pre>
</td>
</tr>
<tr>
<td class="text">
<p>Read more from <a href="../guide-for-web-developers/vbnet/VBNET_BasicExample.html">here</a> on FusionCharts XT and ASP.NET VB. For more details, please read the <b>Using with VB.NET (ASP.NET)</b> section in the <b> Guide for Web Developers</b> section. </p>
</td>
</tr>
<tr>
<td class="header"><a name="php" id="php"></a>Using PHP</td>
</tr>
<tr><td height="23"></td></tr>
<tr>
<td>
<pre class="code_container prettyprint">renderChart("../../FusionCharts/Column3D.swf", "Data/Data.xml", "", "myFirst", 600, 300, false, true);</pre>
</td>
</tr>
<tr>
<td class="text"><p>Code to create JavaScript chart:</p></td>
</tr>
<tr>
<td>
<pre class="code_container prettyprint">FC_SetRenderer( "javascript" );
echo renderChart("../../FusionCharts/Column2D.swf", "Data/Data.xml", "", "chart1", 600, 300, false, true); </pre>
</td>
</tr>
<tr>
<td class="text">
<p>Read more from <a href="../guide-for-web-developers/php/PHP_BasicExample.html">here</a> on FusionCharts XT and PHP. For more details, plaese read the <b>Using with PHP </b> and <b>FusionCharts XT PHP Class</b> sections in the <b> Guide for Web Developers </b>section<b>. </b></p>
</td>
</tr>
<tr>
<td class="header"><a name="j2ee" id="j2ee"></a>Using J2EE</td>
</tr>
<tr><td height="23"></td></tr>
<tr>
<td>
<pre class="code_container prettyprint"><jsp:include page="../Includes/FusionChartsRenderer.jsp" flush="true">
<jsp:param name="chartSWF" value="../../FusionCharts/Column3D.swf" />
<jsp:param name="strURL" value="Data/Data.xml" />
<jsp:param name="strXML" value="" />
<jsp:param name="chartId" value="myFirst" />
<jsp:param name="chartWidth" value="600" />
<jsp:param name="chartHeight" value="300" />
<jsp:param name="debugMode" value="false" />
<jsp:param name="registerWithJS" value="true" />
</jsp:include></pre>
</td>
</tr>
<tr>
<td class="text"><p>Code to create JavaScript chart:</p></td>
</tr>
<tr>
<td>
<pre class="code_container prettyprint"><fc:render chartId="${chartData.chartId}" swfFilename="${folderPath}${chartData.swfFilename}"
width="${chartData.width}" height="${chartData.height}" debugMode="false"
registerWithJS="true" xmlUrl="${chartData.url}" renderer="javascript"/></pre>
</td>
</tr>
<tr>
<td class="text">
<p>Read more from <a href="../Code/J2EE/JSP_BasicExample.html">here</a> on FusionCharts XT and J2EE. For more details, plaese read the <b>Using with J2EE </b> section in the <b> Guide for Web Developers </b>section<b>. </b></p>
</td>
</tr>
<tr>
<td class="header"><a name="cf" id="cf"></a>Using ColdFusion</td>
</tr>
<tr><td height="23"></td></tr>
<tr>
<td> <pre class="code_container prettyprint"><cfoutput>#renderChart("../../FusionCharts/Column3D.swf", "Data/Data.xml", "", "myFirst", 600, 300, false, true)#</cfoutput></pre>
</td>
</tr>
<tr>
<td class="text">
<p>Read more from <a href="../guide-for-web-developers/coldfusion/CFM_BasicExample.html">here</a> on FusionCharts XT and ColdFusion. For more details, please read the <b>Using with ColdFusion</b> section in the <b> Guide for Web Developers </b>section<b>. </b></p>
</td>
</tr>
<tr>
<td class="header"><a name="ror" id="ror"></a>Using Ruby on Rails</td>
</tr>
<tr><td height="23"></td></tr>
<tr>
<td>
<pre class="code_container prettyprint">render_chart '/FusionCharts/Column3D.swf', 'Data/Data.xml', '', 'configuredChart', 600, 300, false, true </pre>
</td>
</tr>
<tr>
<td class="text"><p>Code to create JavaScript chart:</p></td>
</tr>
<tr>
<td>
<pre class="code_container prettyprint">View:
<%
#Create the chart - Column 3D Chart with data from Data/Data.xml
render_chart '/FusionCharts/Column3D.swf', '/Data/Data.xml', '', 'chart1',
600, 300, false, true, {:renderer=>"javascript"} do-%>
<% end -%></pre>
</td>
</tr>
<tr>
<td class="text">
<p>Read more from <a href="../Code/ROR/Ruby_basicexample.html">here</a> on FusionCharts XT and RoR. For more details, plaese read the<b> Using with RoR </b> section in the <b> Guide for Web Developers</b> section.</p>
<p class="highlightBlock">Apart from embedding chart in web applications, some of the server-side-scripts also help in exporting the chart into image/pdf. You can know more on this from <strong>Exporting as Image/PDF > <a href="../exporting-image/server-side/ECServerOverview.html">Server Side Exporting</a></strong> section. For scripts that do not support server side exporting, you can always use the client side Export handlers.</p>
</td>
</tr>
</table>
<!-- footer links starts-->
<div id="fcfooter"></div>
<script type="text/javascript">
document.getElementById("fcfooter").innerHTML = addFCFooter("Using FusionCharts jQuery plugin|UsingJQuery.html","Creating database driven charts|DatabaseCharts.html");
</script>
<!-- footer links ends -->
<script type="text/javascript" language="javascript1.2">//<![CDATA[
<!--
highlightSearch();
//-->
//]]></script>
</body>
</html>