|
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/ASP/BasicExample/ |
Upload File : |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FusionCharts - Simple Column 3D Chart using dataXML method</title>
<link href="../assets/ui/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../assets/ui/js/jquery.min.js"></script>
<script type="text/javascript" src="../assets/ui/js/lib.js"></script>
<!--[if IE 6]>
<script type="text/javascript" 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]-->
<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>
<SCRIPT LANGUAGE="Javascript" SRC="../../FusionCharts/FusionCharts.js"></SCRIPT>
</head>
<%
'We've included ../Includes/FusionCharts.asp, which contains functions
'to help us easily embed the charts.
%>
<!-- #INCLUDE FILE="../Includes/FusionCharts.asp" -->
<BODY>
<div id="wrapper">
<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">ASP Basic Examples</h1>
</div>
<div class="content-area">
<div id="content-area-inner-main">
<h2 class="headline">Basic example using dataXML method (with XML data hard-coded in ASP page itself)</h2>
<div class="gen-chart-render">
<%
'This page demonstrates the ease of generating charts using FusionCharts.
'For this chart, we've used a pre-defined Data.xml (contained in /Data/ folder)
'Ideally, you would NOT use a physical data file. Instead you'll have
'your own ASP scripts virtually relay the XML data document. Such examples are also present.
'For a head-start, we've kept this example very simple.
'Create an XML data document in a string variable
strXML = "<chart caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' showValues='0' formatNumberScale='0' showBorder='1'>"
strXML = strXML & "<set label='Jan' value='462' />"
strXML = strXML & "<set label='Feb' value='857' />"
strXML = strXML & "<set label='Mar' value='671' />"
strXML = strXML & "<set label='Apr' value='494' />"
strXML = strXML & "<set label='May' value='761' />"
strXML = strXML & "<set label='Jun' value='960' />"
strXML = strXML & "<set label='Jul' value='629' />"
strXML = strXML & "<set label='Aug' value='622' />"
strXML = strXML & "<set label='Sep' value='376' />"
strXML = strXML & "<set label='Oct' value='494' />"
strXML = strXML & "<set label='Nov' value='761' />"
strXML = strXML & "<set label='Dec' value='960' />"
strXML = strXML & "</chart>"
'Create the chart - Column 3D Chart with data from strXML variable using dataXML method
Call renderChart("../../FusionCharts/Column3D.swf", "", strXML, "myNext", 600, 300, false, true)
%>
</div>
<div class="clear"></div>
<p> </p>
<p class="small">If you view the source of this page, you'll see that the XML data is present in this same page (inside HTML code). We're not calling any external XML (or script) files to serve XML data. dataXML method is ideal when you've to plot small amounts of data. <!--<p class="small">This dashboard was created using FusionCharts XT, FusionWidgets v3 and FusionMaps v3 You are free to reproduce and distribute this dashboard in its original form, without changing any content, whatsoever. <br />
© All Rights Reserved</p>
<p> </p>-->
</p>
<div class="underline-dull"></div>
</div>
</div>
<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>
</BODY>
</HTML>