用最受歡迎的圖表引擎ECharts展示電商平台數據

• 第1章 第一章
• 1-1 課程介紹
• 1-2 專案示範
• 1-3 數據視覺化概念
• 1-4 ECharts的介紹
• 1-5 ECharts的快速上手
• 1-6 相關配置項的講解
• 1-7 長條圖的基本實現和常見效果
• 1-8 通用配置_title的相關配置
• 1-9 通用配置_tooltip的相關配置
• 1-10 通用配置_toolbox的相關配置
• 第2章 第二章
• 2-1 通用配置_legend的相關配置
• 2-2 折線圖的基本實現
• 2-3 折線圖的常見效果1
• 2-4 折線圖的常見效果2
• 2-5 散點圖的基本實現
• 2-6 散點圖的常見效果
• 2-7 直角座標系的常用配置grid
• 2-8 直角座標系的常用配置axis
• 2-9 直角座標系的常用配置dataZoom
• 第3章 第三章
• 3-1 圓餅圖的基本實現
• 3-2 圓餅圖的常見效果
• 3-3 地圖的基本實作和常見配置
• 3-4 地圖常見效果_顯示某個省份地圖
• 3-5 地圖常見效果_顯示空氣質量
• 3-6 地圖常見效果_地圖和散佈圖結合
• 3-7 雷達圖的實現
• 3-8 儀錶板的實現
• 3-9 ECharts基礎小結
• 3-10 主題的使用
• 第4章 第四章
• 4-1 調色盤和色彩漸層
• 4-2 直接樣式和高亮樣式的使用
• 4-3 圖表自適應的實現
• 4-4 圖表載入動畫的實現
• 4-5 圖表增量動畫的解說
• 4-6 圖表動畫的配置項
• 4-7 全域ECharts物件的常用方法1
• 4-8 全域ECharts物件的常用方法2
• 4-9 echartsInstance物件常用方法1
• 4-10 echartsInstance物件常用方法2
• 第5章 第五章
• 5-1 ECharts高級小結
• 5-2 Koa2的介紹
• 5-3 Koa2的快速上手
• 5-4 Koa2中介軟體的特點
• 5-5 後台專案_專案準備
• 5-6 後台專案_總耗時中間件的開發
• 5-7 後台專案_響應頭中間件的開發
• 5-8 後台專案_業務邏輯中間件的開發
• 5-9 後台專案_跨域配置
• 5-10 前端專案_專案的建立與準備
• 第6章 第六章
• 6-1 前端項目_商家銷售統計_元件結構與佈局結構
• 6-2 前端項目_商家銷售統計_圖表基本功能
• 6-3 前端項目_商家銷售統計_動態刷新的實現
• 6-4 前端項目_商家銷售統計_UI調整1
• 6-5 前端項目_商家銷售統計_UI調整2
• 6-6 前端項目_商家銷售統計_分割option
• 6-7 前端項目_商家銷售統計_解析度適配
• 6-8 前端專案_銷售趨勢圖表_通用程式碼結構
• 6-9 前端項目_銷售趨勢圖表_基本圖表的顯示
• 6-10 前端專案_銷售趨勢圖表_UI調整
• 第7章 第七章
• 7-1 前端項目_銷售趨勢圖表_切換圖表的實現
• 7-2 前端項目_銷售趨勢圖表_解析度適配
• 7-3 前端項目_商家地圖分佈_顯示地圖1
• 7-4 前端項目_商家地圖分佈_顯示地圖2
• 7-5 前端項目_商家地圖分佈_顯示散點
• 7-6 前端項目_商家地圖分佈_UI調整
• 7-7 前端項目_商家地圖分佈_解析度適配
• 7-8 前端項目_商家地圖分佈_地圖點擊效果
• 7-9 前端項目_銷售排行圖表_基本圖表的顯示
• 7-10 前端專案_銷售排行圖表_UI調整
• 第8章 第八章
• 8-1 前端項目_銷售排行圖表_平移動畫效果
• 8-2 前端項目_銷售排行圖表_解析度適配
• 8-3 前端項目_熱銷商品佔比_基本圖表的顯示
• 8-4 前端專案_熱銷商品佔比_資料的切換
• 8-5 前端專案_熱銷商品佔比_UI調整
• 8-6 前端項目_熱銷商品佔比_解析度適配
• 8-7 前端項目_庫存銷售模組_基本圖表的顯示
• 8-8 前端項目_庫存銷售模組_UI調整
• 8-9 前端項目_庫存銷售模組_切換動畫
• 8-10 前端項目_庫存銷售模組_解析度適配1
• 第9章 第九章
• 9-1 前端項目_庫存銷售模組_解析度適配2
• 9-2 WebSocket的基本使用_後端
• 9-3 WebSocket的基本使用_前端
• 9-4 後端專案的改造
• 9-5 前後端資料欄位的約定
• 9-6 後端接收資料時的處理
• 9-7 前端程式碼改造_連接伺服器
• 9-8 前端程式碼改造_處理接收的數據
• 9-9 前端程式碼改造_組件的改造
• 9-10 前端程式碼改造_優化
• 第10章 第十章
• 10-1 細節處理_組件合併
• 10-2 細節處理_全螢幕切換_佈局樣式
• 10-3 細節處理_全螢幕切換_點擊事件的處理
• 10-4 細節處理_全螢幕切換_連動效果
• 10-5 細節處理_主題切換_圖表主題
• 10-6 細節處理_主題切換_定義數據
• 10-7 細節處理_主題切換_原生HTML的切換
• 10-8 細節處理_主題切換_連動效果