<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MultiChart.aspx.cs" Inherits="BasicExample_MultiChart" %> <%@ Import Namespace="InfoSoftGlobal" %> FusionCharts Free - Multiple Charts on one Page <% //You need to include the following JS file, if you intend to embed the chart using JavaScript. //Embedding using JavaScripts avoids the "Click to Activate..." issue in Internet Explorer //When you make your own charts, make sure that the path to this JS file is correct. Else, you would get JavaScript errors. %>

FusionCharts Free Examples

Multiple Charts on the same page. Each chart has a unique ID.

<% //This page demonstrates how you can show multiple charts on the same page. //For this example, all the charts use the pre-built Data.xml (contained in /Data/ folder) //However, you can very easily change the data source for any chart. //IMPORTANT NOTE: Each chart necessarily needs to have a unique ID on the page. //If you do not provide a unique Id, only the last chart might be visible. //Here, we've used the ID chart1, chart2 and chart3 for the 3 charts on page. //Create the chart - Column 3D Chart with data from Data/Data.xml Response.Write(FusionCharts.RenderChart("../FusionCharts/FCF_Column3D.swf", "Data/Data.xml", "", "chart1", "600", "300", false, false)); %>

<% //Now, create a Column 2D Chart Response.Write(FusionCharts.RenderChart("../FusionCharts/FCF_Column2D.swf", "Data/Data.xml", "", "chart2", "600", "300", false, false)); %>

<% //Now, create a Line 2D Chart Response.Write(FusionCharts.RenderChart("../FusionCharts/FCF_Line.swf", "Data/Data.xml", "", "chart3", "600", "300", false, false)); %>

Unable to see the charts above?
« Back to list of examples