這裏所使用的版本是

version = ‘2.2.0‘;
dependencies = { zrender: ‘2.0.7‘ };

1、下載ECharts源碼，如果不知道哪下載，百度一下ECharts，然後就能看到官網了。

2、下載後，可以看到build文件夾，如果不是為了調測，可以直接使用dist文件夾下的。echarts.js和echarts-all.js區別在於後者已經把map.js打包進去了。如果網站上不用map，應該使用echarts.js，這樣因為文件小能減少加載時間。

3、把build下的文件拷貝到你想要放的工程目錄中，我拷貝進來後把dist改成了echarts

4、頭部引入

    <script type="text/javascript" src="../common/echarts/echarts.js"> </script>  

5、然後就可以在script中使用

    require.config({  
                paths: {  
                    //echarts: ‘http://echarts.baidu.com/build/dist‘  百度在線地址  
                    echarts:‘../common/echarts/‘  
                }  
            });  
 

6、定義一個div

    <div id="mydiv" style="width:1000px;height:600px;"></div>  

7、比如畫折線加柱狀圖

require(  
        [  
            ‘echarts‘,  
            ‘echarts/chart/line‘,  
            ‘echarts/chart/bar‘ // 使用柱狀圖就加載bar模塊，按需加載  
        ],  
      function(ec) {//ec是包含echarts的對象，但不是echarts實例， comment by danielinbiti  
 

        var myChart = ec.init(document.getElementById(‘mydiv‘));  
        myChart.setOption(option);//option似乎參數，可以參見官網的各個實例設置方式  
      }  
    )

到這裏，一個配置的例子就算完事了，各種圖形方式都一樣。裏面的參數設置要想做好了還是挺復雜的，很靈活。下回講解ec.init方法和setOption方法分析源碼過程。

ECharts