ECharts是一個非常好用的插件，用於進行 樹狀圖，折線圖，餅圖，地圖等等，系列視圖的繪制。（詳情看官網）
了解：
AMD：模塊化開發方式；
引入文件后：console.log(echarts) //得到一個echarts的對象
options：選項；
圖表介紹：
柱狀圖（bar）
折線圖（line）
餅圖（pie）
散點圖（scatter）
地圖（map）
氣泡圖（bubble）
前提工作：
1.引入插件
2.設一個視圖容器，為行內樣式，
3.設置一個id，以便進行dom獲取
插件的使用分為3個步驟；
第一步：
//初始化視圖環境
使用 var myecharts=echarts.init() 里面的參數就是，對dom元素的獲取
那么 myecharts 就是他的實例對象
第二步：
//配置信息 變量名隨便取
var opaction={
title:{ //title:圖表的標題
},
legend:{ //legend 圖例組件
},
xAxis:{ //x軸坐標
},
Yaxis:{ //y軸坐標
},
series:{ //系列列表
},
tooltip:{ //提示框組件
formatter: //這個屬性，便可顯示具體的值，百分比，名稱，等
}
}
詳情看官網
第三部：
//將配置好的信息方法 實例對象上
myecharts.setOption(opaction);
下面會有一個案例：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>餅圖</title>
<style>
#main{
border:red 1px solid;
}
</style>
</head>
<body>
<div id="main" style="width:600px;height:400px">
</div>
</body>
</html>
<script src="echarts.js"></script>
<script>
var myecharts=echarts.init(document.getElementById("main"));
var opaction={
title:{
text:"餅圖",
left:"center",
textStyle:{
color:"red"
}
},
series:{
type:"pie",
data:[
{
name:"web",
value:120
},
{
name:"android",
value:30
},
{
name:"ios",
value:30
},
{
name:"java",
value:50
},
{
name:"python",
value:70
},
{
name:"php",
value:60
}
]
},
tooltip:{
formatter:"{b}:{d}%"
}
};
myecharts.setOption(opaction);
</script>