|
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/JavaScript/Basics/Functions/ |
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 - JavaScript Demo - Configure LinkedCharts using configureLink function</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" language="Javascript" src="../../../assets/ui/js/jquery.min.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">Using configureLink function</h1>
</div>
<!-- content area -->
<div class="content-area">
<div id="content-area-inner-main">
<p class="headline">Sample showing how to use configureLink function to configure LinkedCharts. Here, using this function we have changed the chart type and width. Click the chart data to see the application of configureLink function on LinkedCharts.</p>
<div id="messageBox" style="margin-left:100px; margin-right:100px; display:none;"></div>
<p> </p>
<div class="clear"></div>
<div class="gen-chart-render">
<div id="chartContainer">FusionCharts will load here!</div>
<script type="text/javascript" src="summary-data-all.xml.js"></script>
<script type="text/javascript"><!--
var myChart = new FusionCharts( "../../../../Charts/Column3D.swf", "myChartId", "400", "300");
myChart.setXMLData(summaryDataAll);
myChart.render( "chartContainer" );
myChart.configureLink({
swfUrl: "../../../../Charts/Bar2D.swf",
width: "30%",
overlayButton: {
message: " x ",
bgColor:"999999",
borderColor: "cccccc"
}
}, 0);
// -->
</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 use configureLink function in JavaScript. Click <a href="../../../../Contents/index.html?JavaScript/API/Methods.html#configurelink" 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() {
showConditionalMessage( "Your browser does not seem to have Flash Player support. JavaScript chart is rendered instead", isJSRenderer(myChart) );
});
// -->
</script>
</body>
</html>