1、首先下载echarts工具包，可以在官网下载，图中为下载后的echarts工具包的目录结构
2、测试echarts，新建文件夹test，将echarts-2.0.3\doc\example\www\下的js拷贝到test下，并新建test.html文件，如图
3、编辑test.html文件。首先导入echarts文件，因为我们只是测试柱状图所以只需要引入esl.js和echarts.js文件即可，如图
4、创建柱状图。首先创建柱状图的容器，<div id="main" style="height: 500px; border: 1px solid #ccc; padding: 10px;"></div>，注意里面的id，下面会用到，另外要设定高度，否则柱状图不会显示。创建完成容器后，在容器中添加柱状图，如图
5、OK，代码编写完成，我们双击test.html文件，柱状图成功显示，如图，你可以根据显示对比一下script内容，找到编写柱状图的关键
