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.指定图表的配置项和数据
ECharts教程_第1张图片
  5.显示图标
这里写图片描述
  完整信息如下
ECharts教程_第2张图片
  输出结果
ECharts教程_第3张图片
一个简单的ECharts就制作完成了,这是第一个技术博客,学ECharts并非只是写着玩,后期还会更新SpringBoot+ ajax+ECharts传数据库数据,我们一起学习一起进步,好么?

你可能感兴趣的:(ECharts)