| Creating charts using various server-side scripts |
|
Throughout this section, we've shown you how to build charts using static data (i.e., data which was manually created by you). However, FusionWidgets XT can also connect to dynamic sources of data using server-side scripts like Classic ASP, ASP.NET C#, ASP.NET VB.NET, PHP, J2EE, Ruby on Rails, ColdFusion etc. FusionWidgets XT can be implemented using ANY server-side technology, since charts are rendered at client-side. The role of server-side scripts is only to provide XML/JSON data as string. To make the task of embedding charts in web pages easier, FusionWidgets XT uses wrapper classes (FusionCharts wrapper classes) for various server-side scripts like Classic 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/JSON data that can be directly provided to chart. FusionCharts wrapper classes are present in FusionCharts XT pack. If you do not have the licensed pack of FusionCharts XT, you can directly download the trial version of FusionCharts XT and get the fully functional wrapper classes from the pack. The wrapper classes are present in the FusionCharts XT Download Pack's Code folder. In this page, we provide highlights of code snippets that are used in various server-side technologies for embedding FusionWidgets XT. The next section shows how charts can be generated using dynamic data from database. |
| Using Classic ASP |
Call renderChart("../../Charts/AngularGauge.swf", "Data/Data.xml", "", "chart1", 600, 300, False, True)
|
Code to create JavaScript chart: |
FC_SetRenderer( "javascript" )
Call renderChart("../../Charts/AngularGauge.swf", "Data/Data.xml", "", "chart1", 600, 300, False, True)
|
Read more. |
| Using ASP.NET C# |
FusionCharts.RenderChart("../Charts/AngularGauge.swf", "Data/Data.xml", "", "chart1", "600", "300", false, true);
|
Code to create JavaScript chart: |
FusionCharts.SetRenderer("javascript");
Literal1.Text = FusionCharts.RenderChart("../Charts/AngularGauge.swf", "Data/Data.xml", "", "chart1", "600", "300", false, true);
|
|
Read more. |
| Using ASP.NET VB |
FusionCharts.RenderChart("../Charts/AngularGauge.swf", "Data/Data.xml", "", "chart1", "600", "300", False, True)
|
Code to create JavaScript chart: |
FusionCharts.SetRenderer("javascript")
Literal1.Text = FusionCharts.RenderChart("../Charts/AngularGauge.swf", "Data/Data.xml", "", "chart1", "600", "300", False, True)
|
|
Read more. |
| Using PHP |
renderChart("../../Charts/AngularGauge.swf", "Data/Data.xml", "", "chart1", 600, 300, false, true);
|
Code to create JavaScript chart: |
FC_SetRenderer( "javascript" );
echo renderChart("../../Charts/AngularGauge.swf", "Data/Data.xml", "", "chart1", 600, 300, false, true);
|
|
Read more. |
| Using J2EE |
<fc:render chartId="chart1" swfFilename="../../Charts/AngularGauge.swf"
width="600" height="300" debugMode="false"
xmlUrl="Data/Data.xml" />
|
|
Code to create JavaScript chart: |
<fc:render chartId="chart1" swfFilename="../../Charts/AngularGauge.swf"
width="600" height="300" debugMode="false"
xmlUrl="Data/Data.xml" renderer="javascript"/>
|
|
Read more. |
| Using ColdFusion |
<cfoutput>#renderChart("../../Charts/AngularGauge.swf", "Data/Data.xml", "", "chart1", 600, 300, false, true)#</cfoutput>
|
|
Read more. |
| Using Ruby on Rails |
render_chart '/Charts/AngularGauge.swf', 'Data/Data.xml', '', 'chart1', 600, 300, false, true |
Code to create JavaScript chart: |
View:
<%
#Create the chart - Angular Gauge with data from Data/Data.xml
render_chart '/Charts/AngularGauge.swf', '/Data/Data.xml', '', 'chart1',
600, 300, false, true, {:renderer=>"javascript"} do-%>
<% end -%>
|
|
Read more. 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 Exporting as Image/PDF > Server-side exporting section. For scripts that do not support server-side exporting, you can always use the client-side Export Component. |