ECharts教程

ECharts 入门教程

  ECharts是由百度团队开发的,可高度个性化定制的数据可视化图表库。它的底层依赖轻量级的Canvas类库ZRender,是一个纯JavaScript的图标库,兼容(IE8/9/10/11,Chrome,Firefox,Safari等)主流浏览器,可以运行在PC和移动设备上。详细案例请参照:echarts.baidu.com
  一、完成一个简单的案例
  1.引入ECharts
    ECharts3开始不再强制使用AMD的方式按需引入,那么简单粗暴,直接在官网下载所需ECharts文件,像引入普通JavaScript库一样用script标签引入即可。简单吧,看代码:

    这里写图片描述
ECharts库地址:http://echarts.baidu.com/download.html(企业级开发建议下载源代码)
  2.准备一个具备宽高的DOM容器
这里写图片描述
  3.初始化一个echarts实例
这里写图片描述
  4.指定图表的配置项和数据
这里写图片描述
  5.显示图标
这里写图片描述
  完整信息如下
这里写图片描述
  输出结果
这里写图片描述
一个简单的ECharts就制作完成了,这是第一个技术博客,学ECharts并非只是写着玩,后期还会更新SpringBoot+ ajax+ECharts传数据库数据,我们一起学习一起进步,好么?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值