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

cody123

于 2010-03-12 16:40:12 发布

阅读量101

点赞数

文章标签： Java XML HTML

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

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

<%@ 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>

cody123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2010.03.11——FusionChartsFree动态改变图形类型

2010.03.11——FusionChartsFree动态改变图形类型[b]柱状图 FCF_Column3D.swf折线图 FCF_Line.swf饼状图 FCF_Pie2D.swf[/b][color=blue]FusionChartsFree默认的中文都比较小，所以我们要自己修改下中文的大小 baseFont='宋体' baseFontSize=...
复制链接

扫一扫