視頻地址：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中拓展安裝即可，安裝完成後若不生效重啓即可。