ECharts官方网站:http://echarts.baidu.com/
1.首先下载echarts工具包,可以在官网下载,图中为下载后的echarts工具包的目录结构。
2.测试echarts,新建文件夹test,将echarts-1.4.1\doc\example\www\下的js拷贝到test下,并新建test.html文件。
3.编辑test.html文件。首先导入echarts文件,因为我们只是测试柱状图所以只需要引入esl.js和echarts.js文件即可。
<script src="js/esl.js"></script>
<script src="js/echarts.js"></script>
4.创建柱状图。首先创建柱状图的容器。
<div id="main" style="height: 300px;"></div>
注意里面的id,下面会用到,另外要设定高度,否则柱状图不会显示。
5.创建完成容器后,