|
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/MyFirstChart/ |
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>My First chart using FusionCharts - Rendering HTML5 based chart</title>
<script type="text/javascript" src="../../Charts/FusionCharts.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>
<link href="../assets/ui/css/style.css" rel="stylesheet" type="text/css" />
<!--[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>
</head>
<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">My First chart - Rendering JavaScript chart </h1>
</div>
<div class="content-area">
<div id="content-area-inner-main">
<p class="text" align="center">The chart below shows how to render pure JavaScript chart using Data URL method</p>
<div id="messageBox" style="margin-left:10px; margin-right:10px; display:none;"></div>
<p> </p>
<div class="gen-chart-render">
<center>
<div id="chartContainer">FusionCharts will load here</div>
<script type="text/javascript"><!--
FusionCharts.setCurrentRenderer('JavaScript');
var myChart = new FusionCharts("../../Charts/Column3D.swf", "myChartId", "400", "300", "0", "1");
myChart.setXMLUrl("Data.xml");
myChart.render("chartContainer");
myChart.addEventListener( "nodatatodisplay", function() {
if ( window.windowIsReady ){
notifyLocalAJAXSecurityRestriction();
}else
{
$(document).ready (function(){
notifyLocalAJAXSecurityRestriction();
});
}
});
// -->
</script>
</center>
</div>
<div class="clear"></div>
<p> </p>
<p class="small"> </p>
<div class="underline-dull"></div>
<div>
<p class="highlightBlock">The above sample showcases how to render a Column 3D chart using JavaScript. Click <a href="../../Contents/index.html?FirstChart/UsingPureJS.html#force" target="_blank">here</a> to know more on how the code of this example works.</p>
</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>
<script type="text/javascript"><!--//
$(document).ready(function(){
window.windowIsReady = true;
});
function notifyLocalAJAXSecurityRestriction()
{
showConditionalMessage( "<strong>Unable to see the chart below?</strong><br />This sample uses data provided as URL. If you are unable to see the chart below, it is due to the browser's restriction on JavaScript from accessing local file system owing to security reasons.<br/>"+isLocal() +" If you run the sample from a server, it will run absolutely fine, though. When running locally, however, if you provide the data as string, it works fine. Click <a href='weekly-sales-datastring-force-js.html'>here</a> to check out a sample using data as string.", isLocal() );
}
// -->
</script>
</body>
</html>