Echarts学习
课程目标
- 可视化面板的概述
- 数据可视化的目的 3.可视化适配方案
- 常见的数据可视化库
- Echarts的特点
可视化面板的介绍
应对现在数据可视化的趋势，越来越多的企业需要在很多场景（营销数据，生产数据，用户数据）下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。
可视化面板布局适配屏幕的方式
- 基于flexible.js+rem智能大屏幕适配 : (felxible.js代表的是淘宝的js文件，主要是做屏幕适配)
- VScode cssrem插件 : (帮助我们快速生成rem单位的)
- Flex布局
- Less使用 : (为了提高css的速度)
- 基于Echarts数据可视化展示
- Echarts柱状图数据设置
- Echarts地图引入
数据可视的目的
- 借助于图形化手段，清晰有效的传达与沟通信息。
- 可以把数据从冰冷的数字转换成图形，揭示蕴含在数据中的规律和道理。
常见的数据可视化库
- D3.js 目前Web端评价最高的Javascript可视化工具库(入手库)
- Echarts.js 百度出品的一个开源Javascript数据可视化库，Echarts.js使用的是C语言的开发
- Highcharts.js 国外的前端数据可视化库，非商用免费，被许多国外大公司所使用
- AntV 蚂蚁金服全新一代数据可视化解决方案
- Highcharts(国外用的多)和Echarts(国内用的多)就像是Office和WPS的关系
Echarts的特点：
- 是一个js插件，帮助我们生成各种各样的图表
- 性能好可流畅运行PC与移动端设配
- 兼容主流浏览器
- 提供很多常用图表，并且可以定制，比如(折线图，柱状图，散点图，饼图，K线图，雷达图) 详细图表请看网址
