Echarts动态数据加载

一.饼形图
html页面：

<script src="../scripts/echarts.min.js" type="text/javascript"></script>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width:100%; height:400px;"></div>

js代码：

var myChart = echarts.init(document.getElementById('main'));
				// 显示标题，图例和空的坐标轴
				myChart.setOption({
					color : [ '#ff7d27', '#47b73d', '#fcc36e', '#57a2fd', "#228b22","#B848C2","#696969" ], //颜色
					title : {
						text : '元数据指标',
						x : 'center'
					},
					tooltip : {
						trigger : 'item',   //触发类型，数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用
						formatter : "{a} <br/>{b} : {c} ({d}%)"  //字符串模板
					},
                   legend : {				     
						orient : 'vertical',   //图例列表的布局朝向