<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.title = "测试标题";
flashvars.maxColumnWidth = 10;//列最大宽度
flashvars.headerHeight = 30;//header高度
flashvars.xDisplayName = "横坐标显示的名字";
flashvars.yDisplayName = "纵坐标显示的名字";
flashvars.fontSize = 14;//字体大小
flashvars.columnTitle="单位(％)";//纵坐标单位
flashvars.labelPosition="outside"; //数据在柱的里面，外面或者没有（outside,inside,none）
//flashvars.url="data.xml"//请求数据，用ajax请求的报文格式封装
flashvars.xmldata="<LIST> <ITEM> <X>qqq测试2323111</X> <Y>200</Y> </ITEM> <ITEM> <X>测试222</X> <Y>201</Y> </ITEM> <ITEM> <X>测试3</X> <Y>123</Y> </ITEM><ITEM> <X>qqq测试2323111</X> <Y>200</Y> </ITEM> <ITEM> <X>测试222</X> <Y>201</Y> </ITEM> <ITEM> <X>测试3</X> <Y>123</Y> </ITEM><ITEM> <X>qqq测试2323111</X> <Y>200</Y> </ITEM> <ITEM> <X>测试222</X> <Y>201</Y> </ITEM> <ITEM> <X>测试3</X> <Y>123</Y> </ITEM></LIST>";
var params = {};
var attributes = {};
swfobject.embedSWF("columnChart.swf", "myAlternativeContent", "400", "500", "9.0.0", false, flashvars, params, attributes);
</script>
</head>
<body>
<div id="myAlternativeContent">
</div>
</body>
</html>
Flex漂亮的柱状图(ColumnChart)
5星 · 超过95%的资源 需积分: 35 26 浏览量
2009-05-05
15:40:18
上传
评论 13
收藏 514KB RAR 举报 
columnChart.rar （6个子文件） 
columnChart 
test.html 2KB
swfobject.js 10KB vssver.scc 64B columnChart.mxml 7KB
columnChart.swf 507KB data.xml 165B
- 1
- 2
- 3
- 4
- 5
- 6
前往页