- 基于amcharts.js插件实现的动态饼图效果，在初始载入的时候，带有动画效果，不支持IE8,请使用高版本IE9测试，或改用火狐、Chrome等浏览器。
-
<title>amcharts.js饼图演示代码</title><script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/146/73fi1rab/amcharts.js"></script><div id="chartdiv"></div><style>body {background:white;}div { margin: -.8em auto; text-align:center; width: 90%; height: 390px }</style><script type="text/javascript">var chart;var legend;var chartData = [{country: "上海",value: 260},{country: "北京",value: 201},{country: "成都",value: 65},{country: "武汉",value: 39},{country: "天津",value: 19},{country: "乌鲁木齐",value: 10}];AmCharts.ready(function() {// 饼图chart = new AmCharts.AmPieChart();chart.dataProvider = chartData;chart.titleField = "country";chart.valueField = "value";chart.outlineColor = "";chart.outlineAlpha = 0.8;chart.outlineThickness = 2;// 3Dchart.depth3D = 20;chart.angle = 30;// 图形写入chart.write("chartdiv");});</script>
标签：网站源码