2010.03.11——FusionChartsFree动态改变图形类型

lipeng88213

浏览: 939420 次
性别:
来自: 北京

最近访客更多访客>>

jklwan

小小书僮

诗人lpp

oyhptiandi01

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (526)

社区版块

存档分类

Java XML HTML

2010.03.11——FusionChartsFree动态改变图形类型
柱状图 FCF_Column3D.swf
折线图 FCF_Line.swf
饼状图 FCF_Pie2D.swf

FusionChartsFree默认的中文都比较小，所以我们要自己修改下中文的大小
baseFont='宋体' baseFontSize='14'

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>动态类型改变 </title>
<script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>
<script type="text/javascript">
var strXML = "<?xml version='1.0' encoding='UTF-8' ?><graph rotateNames='0' numberSuffix='cm' baseFont='宋体' baseFontSize='14' caption='各国平均身高' xAxisName='国名' yAxisName='fff' showNames='1' decimalPrecision='0' formatNumberScale='0'> <set name='中国 ' value='175' color='AFD8F8'/><set name='美国' value='178' color='F6BD0F'/><set name='俄罗斯' value='185' color='8BBA00'/><set name='小日本' value='151' color='E5CC82' /></graph>";
//var strXML = "<graph caption='Hours worked' showNames='1 '> <set name='Tom ' value='32' color='AFD8F8'/><set name='Mary' value='16' color='F6BD0F'/><set name='Jane' value='42' color='8BBA00'/></graph>";
/*
 * 当用户单击按钮时调用这个方法。
 * 这个方法用来使用新的SWF 文件创建一个新的FusionCharts 实例。
 */
function updateChart(chartSWF){
	//Create another instance of the chart.
	var chart1 = new FusionCharts(chartSWF, "chart1Id", "400", "300", "0", "0");
	chart1.setDataXML(strXML);
	chart1.render("chartDiv");
}
</script> 
</head>
<body bgcolor="#ffffff" onload="updateChart('FusionCharts/FCF_Column3D.swf')">　　
  	<form name='frmUpdate'>
展现方式：
		<input type='button' value='柱状图' onClick="updateChart('FusionCharts/FCF_Column3D.swf')" name='btnColumn' />
		<input type='button' value='折线图' onClick="updateChart('FusionCharts/FCF_Line.swf')" name='btnLine' />
		<input type='button' value='饼状图' onClick="updateChart('FusionCharts/FCF_Pie2D.swf')" name='btnPie' />
	</form>
  	<div id="chartDiv" align="center">对不起，有错误</div>
  	
</body>
</html>

分享到：