一、模塊化單文件引入
1. 為ECharts准備一個具備大小（寬高）的Dom（當然可以是動態生成的）
<div id="main" style="height:400px;"></div>
2. 通過script標簽引入echarts主文件
<script src="./js/echarts.js"></script>
3. 為模塊加載器配置echarts的路徑，從當前頁面鏈接到echarts.js所在目錄，見上述說明
require.config({ paths: { echarts: './js/dist' } });
4. 動態加載echarts及所需圖表然后在回調函數中開始使用（容我羅嗦一句，當你確保同一頁面已經加載過echarts，再使用時直接require('echarts').init(dom)就行）
require( [ 'echarts', 'echarts/chart/line', // 按需加載所需圖表，如需動態類型切換功能，別忘了同時加載相應圖表 'echarts/chart/bar' ], function (ec) { var myChart = ec.init(document.getElementById('main')); var option = { ... } myChart.setOption(option); } );
二、標簽式單文件引入
Srcipt標簽引入echarts后將可以直接使用兩個全局的命名空間：echarts，zrender，可參考ECharts標簽式引入，需要注意的是excanvas依賴body標簽插入Canvas節點去判斷Canvas的支持，如果你把引用echarts的script標簽放置head內在IE8-的瀏覽器中會出現報錯，解決的辦法就是把標簽移動到body內：
//from echarts example <body> <div id="main" style="height:400px;"></div> ... <script src="example/www2/js/dist/echarts-all.js"></script> <script> var myChart = echarts.init(document.getElementById('main')); var option = { ... } myChart.setOption(option); </script> </body>
三、需要注意的地方
綁定事件：事件命名統一掛載到require('echarts/config').EVENT（非模塊化為echarts.config.EVENT）
1. 模塊化單文件引入
var ecConfig=require('echarts/config'); myChart.on(ecConfig.EVENT.CLICK,function(e){
//..... });
2.標簽式單文件引入
myChart.on(echarts.config.EVENT.CLICK, function(e){ //..... });