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

本文介绍了如何使用ECharts创建柱状图。首先从官方网站下载echarts工具包,然后在测试文件夹中引入必要的js文件,接着新建HTML文件并设置柱状图的容器,最后在容器中生成柱状图。请注意容器的ID和高度设定,以确保柱状图正常显示。
摘要由CSDN通过智能技术生成

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值