需要做一个地图分布式的显示效果，需要js文件js/FusionCharts.js和flash文件FusionCharts/FCMap_China2.swf：
<!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>
<title>人员来源统计 </title>
<script language="Javascript" src="js/FusionCharts.js" type="text/javascript"></script>
</head>
<body style="margin: 0px auto; width: 100%; min-width: 1650px;">
<div style="display: block; float: left; width: 90%; margin-top: 20px; margin-left: 5%;">
<!-- START Script Block for Chart Chart10 -->
<div id='Chart10Div' align='center'>
Chart.
</div>
<script type="text/javascript">
var chart_Chart10 = new FusionCharts("FusionCharts/FCMap_China2.swf", "Chart10", "1500", "890", "0", "0");
chart_Chart10.setDataXML("<map animation='0' legendCaption='2012国内游客来源分布' showShadow='1' showCanvasBorder='0' showBevel='1' showLabels='1' showMarkerLabels='1' fillColor='000000' borderColor='ffffff' baseFont='Verdana' baseFontSize='12' markerBorderColor='000000' markerBgColor='FF5904' markerRadius='6' legendPosition='bottom' useHoverColor='1' showToolTip='1' showMarkerToolTip='1' ><data><entity id='CN.YN' displayValue='云南' toolText='261513' color='f5c44e'/><entity id='CN.JS' displayValue='江苏' toolText='201742' color='884c30'/><entity id='CN.SD' displayValue='山东' toolText='169103' color='ff9c34'/><entity id='CN.ZJ' displayValue='浙江' toolText='161991' color='baaf2f'/><entity id='CN.HU' displayValue='湖北' toolText='154546' color='fffc9e'/><entity id='CN.SC' displayValue='四川' toolText='142950' color='fff69d'/><entity id='CN.GD' displayValue='广东' toolText='131235' color='4c5c2d'/><entity id='CN.HB' displayValue='河北' toolText='129813' color='779b39'/><entity id='CN.HE' displayValue='河南' toolText='127549' color='6e7f38'/><entity id='CN.HN' displayValue='湖南' toolText='127225' color='f3861d'/><entity id='CN.AH' displayValue='安徽' toolText='107297' color='cd7825'/><entity id='CN.BJ' displayValue='北京' toolText='102599' color='f2563d'/><entity id='CN.SX' displayValue='陕西' toolText='99798' color='afb458'/><entity id='CN.LN' displayValue='辽宁' toolText='88546' color='894c30'/><entity id='CN.JX' displayValue='江西' toolText='82541' color='e39e8f'/><entity id='CN.SH' displayValue='上海' toolText='80577' color='7f9cc4'/><entity id='CN.SA' displayValue='山西' toolText='73852' color='5c6f8d'/><entity id='CN.HL' displayValue='黑龙江' toolText='69897' color='f99a2e'/><entity id='CN.GX' displayValue='广西' toolText='66122' color='f35b43'/><entity id='CN.TJ' displayValue='天津' toolText='60967' color='f5c44b'/><entity id='CN.GS' displayValue='甘肃' toolText='58009' color='5d7539'/><entity id='CN.NM' displayValue='内蒙古' toolText='57380' color='7f4d32'/><entity id='CN.FJ' displayValue='福建' toolText='57244' color='799b3a'/><entity id='CN.GZ' displayValue='贵州' toolText='45643' color='779b41'/><entity id='CN.JL' displayValue='吉林' toolText='40648' color='b1b986'/><entity id='CN.XJ' displayValue='新疆' toolText='38665' color='f25e44'/><entity id='CN.QH' displayValue='青海' toolText='17562' color='aec1d2'/><entity id='CN.HA' displayValue='海南' toolText='14703' color='dc9d8c'/><entity id='CN.CQ' displayValue='重庆' toolText='12357' color='e59b46'/><entity id='CN.NX' displayValue='宁夏' toolText='10948' color='bcb42f'/><entity id='CN.XZ' displayValue='西藏' toolText='10615' color='445622'/><entity id='CN.MA' displayValue='澳门' toolText='763' color='799a31'/><entity id='CN.HK' displayValue='香港' toolText='550' color='f98822'/><entity id='CN.TA' displayValue='台湾' toolText='12357' color='a6c6db'/></data></map>");
chart_Chart10.render("Chart10Div");
</script>
<!-- END Script Block for Chart Chart10 -->
</div>
</div>
</form>
</body>
</html>
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。