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传数据库数据,我们一起学习一起进步,好么?