html5圆饼图插件,HTML5环境amcharts.js饼图插件演示效果

amcharts.js饼图演示代码

body {

background:white;

}

div {

margin: -.8em auto;

text-align:center;

width: 90%;

height: 390px }

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;

// 3D

chart.depth3D = 20;

chart.angle = 30;

// 图形写入

chart.write("chartdiv");

}

);