echarts的简单使用案例-柱形图

本文主要是介绍echarts的简单使用案例-柱形图，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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.创建完成容器后，

这篇关于echarts的简单使用案例-柱形图的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---