<HTML>
<HEAD>
<TITLE>FusionCharts & JavaScript - Basic Example</TITLE>
<style type="text/css">
<!--
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
-->
</style>
<SCRIPT LANGUAGE="Javascript" src="FusionCharts.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
//FC_Rendered method is called whenever a FusionCharts chart on the page
//has finished initial rendering. To this function, the chart passes its
//own DOM Id.
function FC_Rendered(DOMId){
//If it's our required chart
if (DOMId=="chart1Id"){
//Simply alert
///window.alert("Look Ma! I am Column3D and I've finished loading and rendering.");
return;
}
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<h2>FusionCharts and JavaScript - Basic Example</h2>
<div id="chart1div">
FusionCharts
</div>
<script language="JavaScript">
var chart1 = new FusionCharts("Column2D.swf", "chart1Id", "400", "300", "0", "1");
chart1.setDataXML("<chart><set label='A' value='10' /><set label='B' value='11' /><set label='C' value='30' /></chart>");
chart1.render("chart1div");
</script>
<BR>
</CENTER>
</BODY>
</HTML>
柱状图 饼状图 封装
最新推荐文章于 2024-05-29 14:57:32 发布