ECharts数据可视化项目学习总结

视频地址：https://www.bilibili.com/video/BV1v7411R7mp/

源码地址：https://gitee.com/xiaoqiang001/eckarts_open_class.git

学习目的：

　　1、可视化面板布局适配屏幕

　　2、利用ECharts 实现柱状图展示

核心技术：

　　- 基于 flexible.js + rem 智能大屏适配

　　- VScode cssrem插件（帮助快速生成rem单位）

　　- Flex 布局

　　- Less 使用（使CSS写的更加快捷）

　　- 基于ECharts 数据可视化展示

　　- ECharts 柱状图数据设置

　　- ECharts 地图引入

编程环境：

　　vs code

　　Easy LESS插件（将less文件自动转换成css文件）

　　open in browser插件（可以在vs code中直接调用浏览器打开正在编辑的网页）

　　cssrem插件（可以将px像素单位自动转换为rem）

　　注：以上插件只需要在vs code中拓展安装即可，安装完成后若不生效重启即可。