Name: ECharts資料視覺化專案-大螢幕資料視覺化展示
Uploaded: 2021-10-27T14:09:15+8:00
Duration: 329 min 16 s
Description: 學習本課程主要有兩個目的： 1.可視化面板佈局適配螢幕 2、利用ECharts 實現長條圖展示 核心技術： -基於 flexible.js + rem 智慧大螢幕適配 - VScode cssrem插件 - Flex 佈局 - Less 使用 - 基於ECharts 數據視覺化展示 - ECharts 長條圖資料設置 - ECharts 地圖引入

第1章第一章: 課程內容介紹
08分鐘09秒; 數據視覺化介紹
04分鐘25秒; 可視化適配方案
11分鐘34秒; 可視化項目頭部製作
10分鐘01秒; mainbox佈局分析
06分鐘35秒; panel盒子公共面板
12分鐘20秒; panle盒子完成
03分鐘33秒; 數位模組no佈局製作
05分鐘16秒; no-hd模組詳細佈局
10分鐘34秒; no-bd模組詳細佈局
02分鐘41秒
第2章第二章: map1球體模組製作
04分鐘59秒; map2模組旋轉球體製作
03分鐘54秒; map3模組旋箭頭製作
04分鐘34秒; ECharts簡介
05分鐘00秒; ECharts體驗使用五部曲
10分鐘32秒; ECharts基礎配置(上)
08分鐘08秒; ECharts基礎配置(中)
10分鐘24秒; ECharts基礎配置(下)
09分鐘56秒; 長條圖bar引入HTML頁面中
07分鐘31秒; 客製化長條圖bar(上)
08分鐘07秒
第3章第三章: 客製化長條圖bar(中)
06分鐘45秒; 客製化長條圖bar(下)
05分鐘24秒; EChart圖表跟隨螢幕縮放適配
02分鐘44秒; 學習進度長條圖2引入到html頁面中
05分鐘54秒; 學習進度長條圖2客製化1
05分鐘50秒; 學習進度長條圖2客製化2
06分鐘36秒; 學習進度長條圖2客製3
05分鐘07秒; 學習進度長條圖2客製化4
06分鐘31秒; 學習進度長條圖2客製化5
06分鐘16秒; 學習進度長條圖2客製6
04分鐘05秒
第4章第四章: 學習進度長條圖2客製化7
03分鐘22秒; 折線圖1引進到html頁面中
05分鐘29秒; 折線圖1客製grid網格
07分鐘11秒; 折線圖1客製化x軸和y軸相關配置
04分鐘13秒; 折線圖1訂製兩條線的樣式
03分鐘50秒; 折線圖1數據更換
04分鐘05秒; 折線圖1tab欄切換原理分析
05分鐘20秒; 折線圖tab欄切換更換數據
10分鐘52秒; 折線圖2引進到html頁面中
04分鐘01秒; 折線圖2定制
04分鐘17秒
第5章第五章: 折線圖2客製化填滿漸層區域
07分鐘54秒; 折線圖2拐點配置定制
06分鐘01秒; 折線圖2數據更換
04分鐘02秒; 餅形圖1引進到html頁面中
06分鐘37秒; 餅形圖1圖例組件定制
04分鐘31秒; 餅形圖1修改餅形圖大小
06分鐘19秒; 圓餅圖1更換顏色和相關數據
03分鐘34秒; 餅形圖2引進到html頁面中
04分鐘52秒; 餅形圖2南丁格爾玫瑰圖-配置客製(上)
03分鐘25秒; 餅形圖2南丁格爾玫瑰圖配置客製(下)
08分鐘05秒; 中國地圖模擬飛行模組引進到html頁面中
08分鐘46秒; 中國地圖模擬飛行模組定制
04分鐘14秒; 項目完善期待下次再次相遇
04分鐘51秒

ECharts資料視覺化專案-大螢幕資料視覺化展示

關於導師

PHP中文網