此前2篇文章介绍了利用AmCharts生成3D柱状图和3D饼状图的方法，今天给大家介绍下生成3D折线图的方法以及数据的绑定。

完整源代码

var chartData = [{
			"key": "HTML5",
			"value": 50
		}, {
			"key": "CSS3",
			"value": 60
		}, {
			"key": "Js",
			"value": 80
		}, {
			"key": "Jq",
			"value": 66
		}, {
			"key": "PHP",
			"value": 110
		}, {
			"key": "ASP",
			"value": 120
		}, {
			"key": "ASP.net",
			"value": 100
		}, {
			"key": "JSP",
			"value": 90
		}, {
			"key": "C#",
			"value": 80
		}, {
			"key": "Java",
			"value": 130
		}, {
			"key": "Obj-C",
			"value": 75
		}, {
			"key": "C  ",
			"value": 120
		}, {
			"key": "C",
			"value": 125 
		}];
AmCharts.ready(function() {
			var chart = new AmCharts.AmSerialChart();
			chart.dataProvider = chartData;
			chart.categoryField = "key";
			chart.angle = 30;
			chart.depth3D = 20;
			//标题
			//chart.addTitle("3D折线图Demo", 15);  
			var graph = new AmCharts.AmGraph();
			chart.addGraph(graph);
			graph.valueField = "value";
			//背景颜色透明度
			graph.fillAlphas = 0.3;
			//类型
			graph.type = "line";
			//圆角
			graph.bullet = "round";
			//线颜色
			graph.lineColor = "#8e3e1f";
			//提示信息
			graph.balloonText = "[[key]]: [[value]]";
			var categoryAxis = chart.categoryAxis;
			categoryAxis.autoGridCount = false;
			categoryAxis.gridCount = chartData.length;
			categoryAxis.gridPosition = "start";
			chart.write("chart");
		});

演示地址：http://www.pengyaou.com/LegendsZ/eg/lineChart/

实例下载:http://www.pengyaou.com/LegendsZ/eg/lineChart/index.rar