关于echarts使用的各种问题

此文为作者辛苦编写，如有转发，请注明出处，谢谢

首先引入js文件，这是动态引入

<script src="http://echarts.baidu.com/build/dist/echarts.js"></script><script src="<%=path%>/js/echarts.js"></script>

接着写js中的内容

<script type="text/javascript">
require.config({      
      paths:{            
          echarts: 'http://echarts.baidu.com/build/dist',
          }   
});
option = {
        //option中的内容是echarts官网中的每一个演示案列的option，直接copy过来就可以了
    };
//初始化数据 
$(function(){    
      echarone();     
      })        
      var echarone = function(){  
      require(      
              [      
               'echarts',  
               'echarts/chart/pie', //饼图图必须加载pie，柱张图加载bar，柱状图加载line 如果不知道需要加载什么类型。可以查看自己需要用的图标的type属性，将本例中的pie替　　　　　　　　　　　　　　　　　　　　　　换就可以了。
               ],

　　　　　　　　function(ec) {   
                  var myChart = ec.init(document.getElementById('myChart')); 
　　　　　　　　　　　
                　　　　//异步查询option中的值可以写在此处
      　　　　　　}  
              )};
</script>

最后在body中写div层，将图生成图形嵌入

<div style="height:600px;color:white" id="myChart"></div>

整个图形就生成了。。。

关于使用时会出现的错误

echarts is not defined ，原因是

　function(ec) {   
                  var myChart = echarts.init(document.getElementById('myChart')); 
　　　　　　　　　//注意这里的echarts是从哪里来的，它就是函数传入的参数ec,直接将echarts替换为ec就可以了　　
                　　　　
      　　　　　　}  
              )};

echarts使用该引用什么类型（到底是引用pie、bar、还是line，还是其他的什么鬼。。。。）

这里教大家一个简单方法，在echarts找到你需要用的那个图表。看它的type属性。就是你需要引用的。

看图