先收藏這篇文章。
原文地址：http://www.cnblogs.com/zrtqsk/p/4019412.html?utm_source=tuicool
Echarts 首頁：http://echarts.baidu.com/index.html
特性：http://echarts.baidu.com/doc/feature.html
不貼地址了，想要了解的看一下特性就好了，想要入門的繼續往下看。
ECharts 底層依賴於 Html5 的輕量級的Canvas類庫ZRender ，這也是它的效果這麼絢麗的原因。它與 js charts類似，不依賴其他 js 類庫，相比之下 Highcharts還要依賴JQuery等類庫。不過，ECharts也不是什麼缺點都沒有的，在線演示平臺、文檔，
初學者可能會被ECharts那個帶你入門的那2個示例弄暈，這裏來一個個解釋：
1、AMD規範的加載器——esl.js，這是什麼？
答：關於AMD規範可以參考阮一峯的這篇文章Javascript模塊化編程（二）：AMD規範 簡單來說，AMD規範就是異步方式加載模塊的一種方式，避免因爲模塊加載過慢而導致瀏覽器“假死”。
2、我們先來看一下echart的大概的包：
- echarts.js : 經過壓縮，包含除地圖外的全部圖表
- echarts-original.js : 未壓縮，可用於調試，包含除地圖外的全部圖表
- echarts-map.js : 經過壓縮，全圖表，包含world，china以及34個省市級地圖數據
- echarts-original-map.js : 未壓縮，可用於調試，全圖表，包含world，china以及34個省市級地圖數據
看得出，這種分類非常有意義。
3、echarts更規範的一點，那就是模塊化加載，需要哪個部分就是用哪個部分。
關於Echarts的那個入門圖表，我想很多新手跟我一樣的迷惑，require和require.config這個兩個公共方法到底什麼來的？
答：AMD規範的加載器——esl.js的公共方法。（如有錯誤，請指正。）
4、require.config的作用是什麼？
答：爲模塊加載器配置echarts的路徑，從當前頁面鏈接到echarts.js，定義所需的圖表路徑。一切盡在echarts-2.0.4文件夾下的src文件夾中。
5、解釋一下require方法？
答：require方法有2個參數。
第一個參數爲一個數組，數組元素是需要加載的echarts模塊，需要哪個就加載哪個。（經本人測試，這個數組傳入一個空數組都是可以的 !- -）莫非，傳入不正確，會加載全部文件到內存，傳入正確就加載部分模塊到內存？求大神解答！
第二個參數爲一個帶一個參數的方法：function (ec){}, 這個ec對象就是echarts對象了。
OK，基本解釋完了。可能初學者看了Eharts入門實例還是不太理解那Echarts3種導入方式的用法。（入門示例只有2種——標籤式單文件引入和模塊化單文件引入）
因爲入門實例裏，js文件指向的是百度服務器上的資源，而我們一般開發，js資源都是放在本地的。
6、來看一下，本地創建3種Echarts導入的例子，下面是那3個示例文件的源碼（官網Demo粗略修改而成）：
（1）、標籤式單文件引入.html：
View
Code需要注意的是，可以直接引入的單文件只有：
- echarts-plain.js : 經過壓縮，包含除地圖外的全部圖表
- echarts-plain-original.js : 未壓縮，可用於調試，包含除地圖外的全部圖表
- echarts-plain-map.js : 經過壓縮，全圖表，包含world，china以及34個省市級地圖數據
- echarts-plain-original-map.js : 未壓縮，可用於調試，全圖表，包含world，china以及34個省市級地圖數據
而除了這些帶“plain”字眼的庫，其他庫都是含echarts這個變量的。導入其他庫，會出現問題：echarts未定義。
（2）、模塊化包引入.html，這個就需要用到2個src文件。
View
Code
（3）、模塊化單文件引入.html
View
Code
2、如果上面的還有不明白的，參考一下我的本地目錄：
js中有如下的文件：
其中，src是echarts-2.0.4文件夾下的src文件夾，zrender裏面也有一個src文件夾，是zrender-2.0.4文件夾下面的src文件夾。
最後吐槽一句：Echarts的這個文檔做的真是太粗略了，實在是朦朦朧朧，含糊不清。跟Highcharts之類的比起來差遠了。想要詳細瞭解各種特性，多看實例吧。。。
附上文實例下載鏈接：戳這裏
若有什麼地方寫的不對，歡迎指正，謝謝！