|
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/jquery/BasicExample/ |
Upload File : |
<!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=utf-8" />
<title>FusionCharts XT - Creating first chart using jQuery</title>
<link href="../../assets/ui/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../../Charts/FusionCharts.js"></script>
<script type="text/javascript" src="../../../Charts/jquery.min.js"></script>
<script type="text/javascript" src="../../../Charts/FusionCharts.jqueryplugin.js"></script>
<script type="text/javascript" language="Javascript" src="../../assets/ui/js/lib.js"></script>
<!--[if IE 6]>
<script 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>
<!-- wrapper -->
<div id="wrapper">
<!-- header -->
<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">Creating first chart using jQuery</h1>
</div>
<!-- content area -->
<div class="content-area">
<div id="content-area-inner-main">
<div class="clear"></div>
<div class="gen-chart-render">
<p class="text">The example below uses FusionCharts jQuery plugin <br />
to render a simple Column 3D chart.</p>
<div id="messageBox" style="margin-left:100px; margin-right:100px; display:none;"></div>
<p> </p>
<div id="chartContainer">FusionCharts XT will load here!</div>
<script type="text/javascript">
$(document).ready(function(){
$("#chartContainer").insertFusionCharts({swfUrl: "../../../Charts/Column3D.swf", dataSource: "Data.xml", dataFormat: "xmlurl", width: "400", height: "300", id: "myChartID"});
});
$("#chartContainer").bind( "fusionchartsnodatatodisplay", function (e, args) {
if ( window.windowIsReady ){
notifyLocalAJAXSecurityRestriction();
}else
{
$(document).ready (function(){
notifyLocalAJAXSecurityRestriction();
});
}
});
</script>
</div>
<br/>
<div class="clear"></div>
<p class="small"> </p>
<p> </p>
<div class="underline-dull"></div>
<div>
<p class="highlightBlock">The above sample showcases how to create a Column 3D chart using jQuery. Click <a href="../../../Contents/index.html?jQuery/Overview.html" target="_blank">here</a> to know more on how the code of this example works.</p>
</div>
</div>
</div>
<!-- footer -->
<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;
showConditionalMessage( "Your browser does not seem to have Flash Player support. A JavaScript chart is rendered instead.", isJSRenderer(FusionCharts("myChartID")) );
});
function notifyLocalAJAXSecurityRestriction()
{
if(isLocal())
{
addConditionalMessage( "<br /><br /><strong>Unable to see the chart below?</strong><br />"+isLocal()+"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. 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='FirstChart-xml.html'>here</a> to check out a sample using data as string.", isJSRenderer(FusionCharts("myChartID")) );
}
}
// -->
</script>
</body>
</html>