最近才看了下百度的ECharts统计图表，发现效果确实很不错，并且易用性很强，这里简单记录一下使用方法。

1、下载好echarts.js,以及esl.js

2、准备一个装载图标的容器(<div id="main" style="height:400px"></div>)

3、配置js的路径（

require.config({

   paths:{

   'echarts' : 'js/echarts',

   'echarts/chart/pie' : 'js/echarts' 

   }

});

）

4、调用require()使用图表，并通过（

[

'echarts',

'echarts/chart/pie' // 使用柱状图就加载bar模块，按需加载

]  

）加载需要的图表

5、调用  var myChart = ec.init(document.getElementById('main'));  初始化加载区域

6、然后设置option参数 （此参数可以去官网搜索对应图表的参数值），并通过  myChart.setOption(option); 将参数赋值给图表

具体DEMO代码如下