教學(xué)流程設(shè)計（理實一體化）教師姓名系部專業(yè)授課對象課程名稱Web數(shù)據(jù)可視化授課時間使用教材Web數(shù)據(jù)可視化教程（基于ECharts）計劃學(xué)時4學(xué)時教學(xué)形式及地點教學(xué)目標(biāo)知識目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)了解數(shù)據(jù)可視化的定義、作用、特性、基本流程、常用的數(shù)據(jù)可視化工具掌握ECharts的定義、發(fā)展歷程、主要功能與技術(shù)特點，了解ECharts的使用場景掌握ECharts支持的各類圖表類型掌握ECharts的定義、不足、特性了解ECharts圖表編輯、嵌入網(wǎng)頁的基本原理學(xué)會下載ECharts5.x安裝與引入ECharts5.x掌握將apache-echarts-5.5.1-src.zip發(fā)布為echarts.min.js能夠在網(wǎng)頁中應(yīng)用JSON數(shù)據(jù)格式培養(yǎng)學(xué)生綜合運用知識分析、處理實際問題的能力培養(yǎng)用數(shù)據(jù)說話的理性思維和嚴(yán)謹(jǐn)態(tài)度提升對信息之美、圖表之美的審美素養(yǎng)激發(fā)通過技術(shù)手段探索和呈現(xiàn)數(shù)據(jù)背后故事的興趣與好奇心教學(xué)內(nèi)容模塊1初識數(shù)據(jù)可視化與ECharts1.1認(rèn)知數(shù)據(jù)可視化1.2認(rèn)知ECharts1.3認(rèn)知ECharts支持的圖表類型1.4初識ECharts5.x1.5下載與安裝ECharts5.x1.6ECharts支持的數(shù)據(jù)格式與數(shù)據(jù)集1.7編輯和嵌入ECharts圖表1.8使用ECharts進(jìn)行數(shù)據(jù)可視化和數(shù)據(jù)分析重點難點及解決方法重點難點：ECharts支持的數(shù)據(jù)格式與數(shù)據(jù)集的使用解決方法：通過具體案例（如用JSON格式存儲學(xué)生信息、用數(shù)組存儲商品銷售數(shù)據(jù)）講解不同數(shù)據(jù)格式的結(jié)構(gòu)與特點；結(jié)合ECharts官網(wǎng)示例，演示如何將不同格式的數(shù)據(jù)應(yīng)用到數(shù)據(jù)集中，并關(guān)聯(lián)到具體圖表；布置課堂練習(xí)，讓學(xué)生嘗試用不同數(shù)據(jù)格式整理數(shù)據(jù)并創(chuàng)建數(shù)據(jù)集，教師進(jìn)行針對性點評。教學(xué)方法講授法、演示法、鼓勵創(chuàng)新法、小組討論法教學(xué)資源演示案例、數(shù)據(jù)資源、機房資源教學(xué)過程設(shè)計主要流程1．新課引入介紹本次課所要完成的任務(wù)，通過具體實例引入知識點。2．新知講授與實踐針對關(guān)鍵知識點進(jìn)行講解，分析案例，教師演示案例3．綜合案例實操示范案例：以案例效果為例，教師細(xì)致演示分析案例的整個流程。學(xué)生分析、計劃，總結(jié)歸納實施要點，得到問題解決的思路與方法。4．專題輔導(dǎo)針對關(guān)鍵技術(shù)點和知識點進(jìn)行專題輔導(dǎo)，引導(dǎo)學(xué)生觀察、發(fā)現(xiàn)，分析和解決問題，解決學(xué)生在實施過程中出現(xiàn)的問題。對于一般內(nèi)容，由學(xué)生探索、討論，提出解決問題的方法，并演示解決問題的操作過程；對于難點內(nèi)容，由教師引導(dǎo)、分析，演示關(guān)鍵的操作步驟。教師活動學(xué)生活動分析講解案例，應(yīng)用知識點,培養(yǎng)學(xué)生的自我學(xué)習(xí)能力和創(chuàng)新革新能力；詳細(xì)講解知識點與任務(wù)；聽從要點，圍繞問題并獨立思考；互動環(huán)節(jié)積極互動，鍛煉表達(dá)能力；組內(nèi)研討并與老師積極交流；5．任務(wù)實施教師活動學(xué)生活動隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)分析案例用到的知識點強調(diào)知識點，提醒學(xué)生容易犯的錯誤，隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)案例設(shè)計、分析與應(yīng)用階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實踐提高案例設(shè)計、分析與應(yīng)用6．總結(jié)點評抽查記成績，教師總結(jié)點評?？偨Y(jié)學(xué)生的完成情況以及在案例設(shè)計中遇到的問題，重新強調(diào)重點及難點問題。7．課后任務(wù)安排指出各個圖表對應(yīng)的圖表類型和主要功能比較柱狀圖和條形圖比較散點圖和折線圖教學(xué)后記（對課程設(shè)置、教學(xué)計劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）下次課可增加“常見錯誤排查”專題，提供可拖拽的ECharts配置可視化工具輔助學(xué)習(xí)。通過問卷收集對案例難度、實踐時間的建議，動態(tài)調(diào)整后續(xù)模塊的實操占比。教學(xué)流程設(shè)計（理實一體化）教師姓名系部專業(yè)授課對象課程名稱Web數(shù)據(jù)可視化授課時間使用教材Web數(shù)據(jù)可視化教程（基于ECharts）計劃學(xué)時4學(xué)時教學(xué)形式及地點教學(xué)目標(biāo)知識目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)掌握ECharts圖表容器的定義方法及尺寸設(shè)置原則理解ECharts坐標(biāo)系的種類（直角坐標(biāo)系、極坐標(biāo)系、地理坐標(biāo)系等）及其適用場景熟悉ECharts常用圖表組件及術(shù)語掌握ECharts樣式設(shè)置方法掌握transform數(shù)據(jù)轉(zhuǎn)換的基本用法深入理解坐標(biāo)軸與圖例的配置與交互原理能夠在網(wǎng)頁中將數(shù)據(jù)設(shè)置在系列中、數(shù)據(jù)集中、使用對象數(shù)組的格式將數(shù)據(jù)設(shè)置在數(shù)據(jù)集中能夠把數(shù)據(jù)集的行或列映射為系列、把數(shù)據(jù)集的行或列映射為系列能夠?qū)崿F(xiàn)多個圖表共享一個數(shù)據(jù)集，并實現(xiàn)聯(lián)動交互能夠使用ecStat提供的數(shù)據(jù)轉(zhuǎn)換器進(jìn)行數(shù)據(jù)轉(zhuǎn)換培養(yǎng)細(xì)致嚴(yán)謹(jǐn)?shù)目梢暬O(shè)計思維，注重圖表可讀性與美觀度強化數(shù)據(jù)與視覺元素之間的映射意識，提升信息傳達(dá)效率鼓勵探索ECharts高級功能，形成自主學(xué)習(xí)和解決問題的能力樹立團(tuán)隊協(xié)作意識，在項目中合理分工使用不同組件完成可視化任務(wù)教學(xué)內(nèi)容模塊2熟知ECharts的圖表結(jié)構(gòu)與基本組件2.1定義圖表容器及指定圖表大小2.2認(rèn)知與使用ECharts的坐標(biāo)系2.3認(rèn)知ECharts圖表組件及常用術(shù)語2.4設(shè)置ECharts圖表的樣式2.5使用數(shù)據(jù)集管理數(shù)據(jù)2.6使用transform進(jìn)行數(shù)據(jù)轉(zhuǎn)換2.7熟知ECharts的坐標(biāo)軸2.8熟知ECharts的圖例重點難點及解決方法重點難點：圖表容器定義與尺寸設(shè)置坐標(biāo)系的選擇與切換transform鏈?zhǔn)綌?shù)據(jù)處理邏輯解決方法：采用“可視化結(jié)構(gòu)拆解圖+示例演示+學(xué)生仿寫”的方式，先展示完整圖表結(jié)構(gòu)樹，再逐項講解并現(xiàn)場編碼演示。

用對比案例展示不同坐標(biāo)系下的同一數(shù)據(jù)呈現(xiàn)差異；通過流程圖解釋

transform的輸入→處理→輸出過程；教學(xué)方法講授法、案例驅(qū)動法、鼓勵創(chuàng)新法、小組協(xié)作法教學(xué)資源演示案例、數(shù)據(jù)資源、機房資源教學(xué)過程設(shè)計主要流程1．新課引入回顧前面學(xué)習(xí)的內(nèi)容，介紹本次課所要完成的任務(wù)，通過具體實例引入知識點。2．新知講授與實踐針對關(guān)鍵知識點進(jìn)行講解，分析案例，教師演示案例3．綜合案例實操示范案例：以案例效果為例，教師細(xì)致演示分析案例的整個流程。學(xué)生分析、計劃，總結(jié)歸納實施要點，得到問題解決的思路與方法。4．專題輔導(dǎo)針對關(guān)鍵技術(shù)點和知識點進(jìn)行專題輔導(dǎo)，引導(dǎo)學(xué)生觀察、發(fā)現(xiàn)，分析和解決問題，解決學(xué)生在實施過程中出現(xiàn)的問題。對于一般內(nèi)容，由學(xué)生探索、討論，提出解決問題的方法，并演示解決問題的操作過程；對于難點內(nèi)容，由教師引導(dǎo)、分析，演示關(guān)鍵的操作步驟。教師活動學(xué)生活動分析講解案例，應(yīng)用知識點,培養(yǎng)學(xué)生的自我學(xué)習(xí)能力和創(chuàng)新革新能力；詳細(xì)講解知識點與任務(wù)；聽從要點，圍繞問題并獨立思考；互動環(huán)節(jié)積極互動，鍛煉表達(dá)能力；組內(nèi)研討并與老師積極交流；5．任務(wù)實施教師活動學(xué)生活動隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)分析案例用到的知識點強調(diào)知識點，提醒學(xué)生容易犯的錯誤，隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)案例設(shè)計、分析與應(yīng)用階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實踐提高案例設(shè)計、分析與應(yīng)用6．總結(jié)點評抽查記成績，教師總結(jié)點評?？偨Y(jié)學(xué)生的完成情況以及在案例設(shè)計中遇到的問題，重新強調(diào)重點及難點問題。7．課后任務(wù)安排繪制ECharts柱狀圖繪制ECharts柱狀圖并設(shè)置屬性繪制ECharts柱狀圖和平滑折線圖教學(xué)后記（對課程設(shè)置、教學(xué)計劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）下節(jié)課增加“組件排錯演練”，提供可視化結(jié)構(gòu)檢查清單；引導(dǎo)學(xué)生多做跨坐標(biāo)系的對比實驗以加深理解。關(guān)注學(xué)生對組件數(shù)量多導(dǎo)致的配置復(fù)雜度感受，適當(dāng)引入模塊化配置思想簡化大型圖表維護(hù)。教學(xué)流程設(shè)計（理實一體化）教師姓名系部專業(yè)授課對象課程名稱Web數(shù)據(jù)可視化授課時間使用教材Web數(shù)據(jù)可視化教程（基于ECharts）計劃學(xué)時4學(xué)時教學(xué)形式及地點教學(xué)目標(biāo)知識目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)了解繪制基礎(chǔ)柱狀圖的方法、多系列的柱狀圖、設(shè)置柱狀圖形式掌握繪制堆疊柱狀圖的方法掌握繪制瀑布圖的方法掌握繪制動態(tài)排序柱狀圖的方法掌握在網(wǎng)頁中繪制簡單的柱狀圖、多系列的柱狀圖掌握在網(wǎng)頁中繪制簡單的柱狀圖并設(shè)置矩形條樣式、矩形條寬度、矩形條間距、為矩形條添加背景色掌握在網(wǎng)頁中繪制堆疊柱狀圖、使用堆疊柱狀圖模擬瀑布圖培養(yǎng)數(shù)據(jù)分解與結(jié)構(gòu)化的思維能力，理解不同柱狀圖變體傳遞的信息側(cè)重點。強化可視化設(shè)計中的“可讀性優(yōu)先”理念，避免誤導(dǎo)性的視覺呈現(xiàn)。鼓勵探索ECharts動畫與交互特性，提高圖表的表現(xiàn)力與用戶體驗。樹立跨場景應(yīng)用意識，根據(jù)數(shù)據(jù)特征與展示需求靈活選用柱狀圖或條形圖。教學(xué)內(nèi)容模塊3繪制ECharts柱狀圖和條形圖3.1繪制基礎(chǔ)柱狀圖3.2繪制堆疊柱狀圖3.3繪制瀑布圖3.4繪制動態(tài)排序柱狀圖3.5繪制極坐標(biāo)系下的堆疊柱狀圖3.6繪制條形圖重點難點及解決方法重點難點：基礎(chǔ)柱狀圖繪制流程與核心配置極坐標(biāo)系下角度與半徑映射的理解解決方法：采用“逐步遞進(jìn)案例法”：從最簡單的單一系列柱狀圖開始，逐層疊加功能，讓學(xué)生每次只專注一個新知識點的理解與實現(xiàn)。用示意圖解釋極坐標(biāo)的角度軸和半徑軸與直角坐標(biāo)的對應(yīng)關(guān)系。教學(xué)方法講授法、演示法、鼓勵創(chuàng)新法、小組討論法教學(xué)資源演示案例、數(shù)據(jù)資源、機房資源教學(xué)過程設(shè)計主要流程1．新課引入介紹本次課所要完成的任務(wù)，通過具體實例引入知識點。2．新知講授與實踐針對關(guān)鍵知識點進(jìn)行講解，分析案例，教師演示案例3．綜合案例實操示范案例：以案例效果為例，教師細(xì)致演示分析案例的整個流程。學(xué)生分析、計劃，總結(jié)歸納實施要點，得到問題解決的思路與方法。4．專題輔導(dǎo)針對關(guān)鍵技術(shù)點和知識點進(jìn)行專題輔導(dǎo)，引導(dǎo)學(xué)生觀察、發(fā)現(xiàn)，分析和解決問題，解決學(xué)生在實施過程中出現(xiàn)的問題。對于一般內(nèi)容，由學(xué)生探索、討論，提出解決問題的方法，并演示解決問題的操作過程；對于難點內(nèi)容，由教師引導(dǎo)、分析，演示關(guān)鍵的操作步驟。教師活動學(xué)生活動分析講解案例，應(yīng)用知識點,培養(yǎng)學(xué)生的自我學(xué)習(xí)能力和創(chuàng)新革新能力；詳細(xì)講解知識點與任務(wù)；聽從要點，圍繞問題并獨立思考；互動環(huán)節(jié)積極互動，鍛煉表達(dá)能力；組內(nèi)研討并與老師積極交流；5．任務(wù)實施教師活動學(xué)生活動隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)分析案例用到的知識點強調(diào)知識點，提醒學(xué)生容易犯的錯誤，隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)案例設(shè)計、分析與應(yīng)用階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實踐提高案例設(shè)計、分析與應(yīng)用6．總結(jié)點評抽查記成績，教師總結(jié)點評?？偨Y(jié)學(xué)生的完成情況以及在案例設(shè)計中遇到的問題，重新強調(diào)重點及難點問題。7．課后任務(wù)安排繪制城市一周氣溫變化柱狀圖繪制柱狀圖對比降水量與蒸發(fā)量繪制柱狀圖統(tǒng)計天氣數(shù)據(jù)繪制柱狀圖展示蒸發(fā)量、降水量和溫度之間的關(guān)系繪制條形圖對比部分省市的地區(qū)生產(chǎn)總值繪制動態(tài)柱狀圖與折線圖教學(xué)后記（對課程設(shè)置、教學(xué)計劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）提供瀑布圖差值計算模板函數(shù)；極坐標(biāo)類目多時分頁或合并顯示；動態(tài)排序數(shù)據(jù)量控制在合理范圍以保證流暢。關(guān)注學(xué)生對動畫與交互的興趣度，可在拓展任務(wù)中加入點擊高亮、數(shù)據(jù)篩選等交互功能。教學(xué)流程設(shè)計（理實一體化）教師姓名系部專業(yè)授課對象課程名稱Web數(shù)據(jù)可視化授課時間使用教材Web數(shù)據(jù)可視化教程（基于ECharts）計劃學(xué)時4學(xué)時教學(xué)形式及地點教學(xué)目標(biāo)知識目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)掌握折線圖的概念、特點及適用場景理解ECharts繪制折線圖的核心配置項及數(shù)據(jù)格式要求熟悉堆疊折線圖的原理及stack屬性的使用方法理解區(qū)域面積折線圖的構(gòu)造原理及填充樣式的配置掌握平滑折線圖與階梯折線圖的繪制方法與適用場景能獨立使用ECharts繪制基礎(chǔ)折線圖，并根據(jù)需求調(diào)整線條顏色、粗細(xì)、數(shù)據(jù)點樣式能實現(xiàn)堆疊折線圖，用于展示多系列數(shù)據(jù)的累計趨勢能繪制區(qū)域面積折線圖，并通過透明度、漸變色增強視覺層次感能制作平滑折線圖，弱化折線轉(zhuǎn)折的尖銳感，突出整體趨勢能實現(xiàn)階梯折線圖，清晰呈現(xiàn)數(shù)值的階躍式變化培養(yǎng)對時間序列與趨勢變化的敏感度，學(xué)會通過折線圖發(fā)現(xiàn)數(shù)據(jù)規(guī)律與異常強化可視化設(shè)計中“趨勢優(yōu)先”的理念，避免過度裝飾掩蓋主要信息鼓勵探索ECharts的線條樣式與動畫效果，提高圖表的表現(xiàn)力與易讀性樹立數(shù)據(jù)映射準(zhǔn)確性意識，確保折線圖在不同變體中仍能正確反映數(shù)值關(guān)系教學(xué)內(nèi)容模塊4繪制ECharts折線圖4.1繪制基礎(chǔ)折線圖4.2繪制堆疊折線圖4.3繪制區(qū)域面積折線圖4.4繪制平滑折線圖4.5繪制階梯折線圖重點難點及解決方法重點難點：基礎(chǔ)折線圖繪制流程與核心配置；2.堆疊折線圖的stack設(shè)置；

3.區(qū)域面積折線圖、平滑折線圖、階梯折線圖的差異化配置4.區(qū)域面積圖的填充范圍與透明度控制解決方法：采用“功能遞進(jìn)+對比演示”法：先繪制基礎(chǔ)折線圖，再依次疊加/切換不同樣式，通過同一組數(shù)據(jù)對比不同變體的視覺效果通過

areaStyle參數(shù)演示不同透明度與漸變效果教學(xué)方法講授法、演示法、鼓勵創(chuàng)新法、小組討論法教學(xué)資源演示案例、數(shù)據(jù)資源、機房資源教學(xué)過程設(shè)計主要流程1．新課引入介紹本次課所要完成的任務(wù)，通過具體實例引入知識點。2．新知講授與實踐針對關(guān)鍵知識點進(jìn)行講解，分析案例，教師演示案例3．綜合案例實操示范案例：以案例效果為例，教師細(xì)致演示分析案例的整個流程。學(xué)生分析、計劃，總結(jié)歸納實施要點，得到問題解決的思路與方法。4．專題輔導(dǎo)針對關(guān)鍵技術(shù)點和知識點進(jìn)行專題輔導(dǎo)，引導(dǎo)學(xué)生觀察、發(fā)現(xiàn)，分析和解決問題，解決學(xué)生在實施過程中出現(xiàn)的問題。對于一般內(nèi)容，由學(xué)生探索、討論，提出解決問題的方法，并演示解決問題的操作過程；對于難點內(nèi)容，由教師引導(dǎo)、分析，演示關(guān)鍵的操作步驟。教師活動學(xué)生活動分析講解案例，應(yīng)用知識點,培養(yǎng)學(xué)生的自我學(xué)習(xí)能力和創(chuàng)新革新能力；詳細(xì)講解知識點與任務(wù)；聽從要點，圍繞問題并獨立思考；互動環(huán)節(jié)積極互動，鍛煉表達(dá)能力；組內(nèi)研討并與老師積極交流；5．任務(wù)實施教師活動學(xué)生活動隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)分析案例用到的知識點強調(diào)知識點，提醒學(xué)生容易犯的錯誤，隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)案例設(shè)計、分析與應(yīng)用階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實踐提高案例設(shè)計、分析與應(yīng)用6．總結(jié)點評抽查記成績，教師總結(jié)點評。總結(jié)學(xué)生的完成情況以及在案例設(shè)計中遇到的問題，重新強調(diào)重點及難點問題。7．課后任務(wù)安排繪制銷量折線圖分析促銷措施對商品銷量的影響2、繪制城市一周氣溫變化折線圖3、繪制一天用電量分布圖4、繪制長沙市空氣質(zhì)量指數(shù)變化折線圖，對比分析10月15天的空氣質(zhì)量指數(shù)變化5、繪制函數(shù)圖形教學(xué)后記（對課程設(shè)置、教學(xué)計劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）提供stack命名規(guī)范示例；建議面積圖使用淺色或低透明度；用對比圖強化step三種模式的視覺效果記憶。關(guān)注學(xué)生對趨勢可視化的興趣，可在拓展任務(wù)中加入多軸聯(lián)動、數(shù)據(jù)點點擊事件等交互功能。教學(xué)流程設(shè)計（理實一體化）教師姓名系部專業(yè)授課對象課程名稱Web數(shù)據(jù)可視化授課時間使用教材Web數(shù)據(jù)可視化教程（基于ECharts）計劃學(xué)時4學(xué)時教學(xué)形式及地點教學(xué)目標(biāo)知識目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)掌握餅圖的概念、特點及適用場景理解ECharts繪制餅圖的核心配置項熟悉圓環(huán)圖的原理及

radius內(nèi)外半徑的設(shè)置方法理解南丁格爾玫瑰圖的構(gòu)造原理及

roseType參數(shù)的使用了解餅圖系列在數(shù)據(jù)可視化中的優(yōu)缺點及與其他圖表的互補關(guān)系能獨立使用ECharts繪制基礎(chǔ)餅圖，并根據(jù)需求調(diào)整扇區(qū)顏色、標(biāo)簽顯示、起始角度等樣式能實現(xiàn)圓環(huán)圖，通過內(nèi)外半徑控制環(huán)的寬度，并在中心顯示附加信息能繪制南丁格爾玫瑰圖，利用半徑長度表現(xiàn)數(shù)值大小，突出差異顯著的數(shù)據(jù)類別能根據(jù)實際數(shù)據(jù)特征選擇合適的餅圖變體并進(jìn)行美化能結(jié)合提示框、圖例等組件提升餅圖的交互性與可讀性培養(yǎng)對“部分-整體”關(guān)系的分析思維，學(xué)會用餅圖直觀傳達(dá)比例結(jié)構(gòu)強化可視化設(shè)計中“簡潔明確”的理念，避免因扇區(qū)過多或顏色相近導(dǎo)致誤讀鼓勵探索ECharts餅圖的美學(xué)表現(xiàn)力樹立數(shù)據(jù)準(zhǔn)確映射意識，確保扇區(qū)角度與數(shù)值比例嚴(yán)格對應(yīng)教學(xué)內(nèi)容模塊5繪制ECharts餅圖5.1繪制基礎(chǔ)餅圖5.2繪制圓環(huán)圖5.3繪制南丁格爾玫瑰圖重點難點及解決方法重點難點：1基礎(chǔ)餅圖繪制流程與核心配置；

2.圓環(huán)圖的內(nèi)外半徑設(shè)置；

3.南丁格爾玫瑰圖的

roseType參數(shù)與半徑映射原理。解決方法：采用“同數(shù)據(jù)多圖對比法”：用相同的比例數(shù)據(jù)分別繪制基礎(chǔ)餅圖、圓環(huán)圖、玫瑰圖，讓學(xué)生直觀看到不同表現(xiàn)形式的信息傳達(dá)差異教學(xué)方法講授法、演示法、鼓勵創(chuàng)新法、小組討論法教學(xué)資源演示案例、數(shù)據(jù)資源、機房資源教學(xué)過程設(shè)計主要流程1．新課引入介紹本次課所要完成的任務(wù)，通過具體實例引入知識點。2．新知講授與實踐針對關(guān)鍵知識點進(jìn)行講解，分析案例，教師演示案例3．綜合案例實操示范案例：以案例效果為例，教師細(xì)致演示分析案例的整個流程。學(xué)生分析、計劃，總結(jié)歸納實施要點，得到問題解決的思路與方法。4．專題輔導(dǎo)針對關(guān)鍵技術(shù)點和知識點進(jìn)行專題輔導(dǎo)，引導(dǎo)學(xué)生觀察、發(fā)現(xiàn)，分析和解決問題，解決學(xué)生在實施過程中出現(xiàn)的問題。對于一般內(nèi)容，由學(xué)生探索、討論，提出解決問題的方法，并演示解決問題的操作過程；對于難點內(nèi)容，由教師引導(dǎo)、分析，演示關(guān)鍵的操作步驟。教師活動學(xué)生活動分析講解案例，應(yīng)用知識點,培養(yǎng)學(xué)生的自我學(xué)習(xí)能力和創(chuàng)新革新能力；詳細(xì)講解知識點與任務(wù)；聽從要點，圍繞問題并獨立思考；互動環(huán)節(jié)積極互動，鍛煉表達(dá)能力；組內(nèi)研討并與老師積極交流；5．任務(wù)實施教師活動學(xué)生活動隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)分析案例用到的知識點強調(diào)知識點，提醒學(xué)生容易犯的錯誤，隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)案例設(shè)計、分析與應(yīng)用階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實踐提高案例設(shè)計、分析與應(yīng)用6．總結(jié)點評抽查記成績，教師總結(jié)點評。總結(jié)學(xué)生的完成情況以及在案例設(shè)計中遇到的問題，重新強調(diào)重點及難點問題。7．課后任務(wù)安排繪制包含扇區(qū)間隙的餅圖，分析不同訪問途徑對廣告效果的影響繪制南丁格爾玫瑰圖，分析不同訪問途徑對廣告效果的影響繪制嵌套環(huán)形圖，分析不同訪問途徑對廣告效果的影響教學(xué)后記（對課程設(shè)置、教學(xué)計劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）教學(xué)中提前演示

labelLayout與

minAngle用法；建議玫瑰圖結(jié)合排序與顏色梯度；提供中心文本布局模板。關(guān)注學(xué)生對“部分-整體”關(guān)系可視化的理解深度，可在拓展任務(wù)中加入點擊扇區(qū)高亮或聯(lián)動其他圖表的功能。教學(xué)流程設(shè)計（理實一體化）教師姓名系部專業(yè)授課對象課程名稱Web數(shù)據(jù)可視化授課時間使用教材Web數(shù)據(jù)可視化教程（基于ECharts）計劃學(xué)時4學(xué)時教學(xué)形式及地點教學(xué)目標(biāo)知識目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)掌握散點圖（的概念、特點及適用場景理解ECharts繪制散點圖的核心配置項掌握氣泡圖的原理熟悉氣泡圖在ECharts中的實現(xiàn)方法了解散點圖與氣泡圖在探索性數(shù)據(jù)分析中的作用及局限性能獨立使用ECharts繪制基礎(chǔ)散點圖，并根據(jù)需求調(diào)整點形、顏色、大小能實現(xiàn)氣泡圖，用氣泡大小直觀展示第三維度數(shù)據(jù)能使用visualMap組件根據(jù)數(shù)值范圍映射氣泡大小或顏色，提高可讀性。能結(jié)合實際數(shù)據(jù)選擇合適的散點圖或氣泡圖變體并進(jìn)行美化能結(jié)合提示框、坐標(biāo)軸配置增強交互性與信息傳達(dá)效果培養(yǎng)對雙變量/多變量關(guān)系的探索思維，學(xué)會用散點圖發(fā)現(xiàn)潛在相關(guān)性與異常點強化可視化設(shè)計中“數(shù)據(jù)密度與可讀性平衡”的理念，避免因點過多或重疊導(dǎo)致誤讀鼓勵探索ECharts的多維度映射能力（位置、大小、顏色），提升圖表表達(dá)能力樹立準(zhǔn)確映射意識，確保點的位置、大小與原始數(shù)據(jù)嚴(yán)格對應(yīng)教學(xué)內(nèi)容模塊6繪制ECharts散點圖和氣泡圖6.1繪制散點圖6.2繪制氣泡圖重點難點及解決方法重點難點：1基礎(chǔ)散點圖繪制流程與核心配置；

2.氣泡圖的三維數(shù)據(jù)映射（x、y、size）；

3.

visualMap的使用實現(xiàn)大小/顏色漸變解決方法：采用“二維→三維遞進(jìn)演示法”：先用簡單二維數(shù)據(jù)畫散點圖，再加入第三維度數(shù)據(jù)轉(zhuǎn)化為氣泡圖，最后引入

visualMap豐富視覺編碼教學(xué)方法講授法、演示法、鼓勵創(chuàng)新法、小組討論法教學(xué)資源演示案例、數(shù)據(jù)資源、機房資源教學(xué)過程設(shè)計主要流程1．新課引入介紹本次課所要完成的任務(wù)，通過具體實例引入知識點。2．新知講授與實踐針對關(guān)鍵知識點進(jìn)行講解，分析案例，教師演示案例3．綜合案例實操示范案例：以案例效果為例，教師細(xì)致演示分析案例的整個流程。學(xué)生分析、計劃，總結(jié)歸納實施要點，得到問題解決的思路與方法。4．專題輔導(dǎo)針對關(guān)鍵技術(shù)點和知識點進(jìn)行專題輔導(dǎo)，引導(dǎo)學(xué)生觀察、發(fā)現(xiàn)，分析和解決問題，解決學(xué)生在實施過程中出現(xiàn)的問題。對于一般內(nèi)容，由學(xué)生探索、討論，提出解決問題的方法，并演示解決問題的操作過程；對于難點內(nèi)容，由教師引導(dǎo)、分析，演示關(guān)鍵的操作步驟。教師活動學(xué)生活動分析講解案例，應(yīng)用知識點,培養(yǎng)學(xué)生的自我學(xué)習(xí)能力和創(chuàng)新革新能力；詳細(xì)講解知識點與任務(wù)；聽從要點，圍繞問題并獨立思考；互動環(huán)節(jié)積極互動，鍛煉表達(dá)能力；組內(nèi)研討并與老師積極交流；5．任務(wù)實施教師活動學(xué)生活動隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)分析案例用到的知識點強調(diào)知識點，提醒學(xué)生容易犯的錯誤，隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)案例設(shè)計、分析與應(yīng)用階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實踐提高案例設(shè)計、分析與應(yīng)用6．總結(jié)點評抽查記成績，教師總結(jié)點評?？偨Y(jié)學(xué)生的完成情況以及在案例設(shè)計中遇到的問題，重新強調(diào)重點及難點問題。7．課后任務(wù)安排繪制男性和女性身高、體重分布圖繪制城市AQI氣泡圖教學(xué)后記（對課程設(shè)置、教學(xué)計劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）教學(xué)中提供透明度與采樣演示；給出symbolSize歸一化公式；用案例對比不同visualMap設(shè)置的視覺效果。關(guān)注學(xué)生對多維度探索的興趣，可在拓展任務(wù)中加入點擊事件聯(lián)動其他圖表或高亮選中點。教學(xué)流程設(shè)計（理實一體化）教師姓名系部專業(yè)授課對象課程名稱Web數(shù)據(jù)可視化授課時間使用教材Web數(shù)據(jù)可視化教程（基于ECharts）計劃學(xué)時4學(xué)時教學(xué)形式及地點教學(xué)目標(biāo)知識目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)掌握ECharts中高級圖表的概念、特點及適用領(lǐng)域理解K線圖、雷達(dá)圖、盒須圖、熱力圖、儀表盤的核心原理與數(shù)據(jù)結(jié)構(gòu)熟悉ECharts中相應(yīng)圖表的核心配置項及特有參數(shù)能獨立使用ECharts繪制K線圖，并實現(xiàn)基本的時間軸與紅綠漲跌色樣式能繪制雷達(dá)圖，配置多維指標(biāo)并對比不同對象的評估結(jié)果能繪制盒須圖，展示數(shù)據(jù)分布特征及識別異常值能繪制熱力圖，用顏色深淺映射數(shù)值大小，并可結(jié)合時間軸實現(xiàn)動態(tài)熱力圖能繪制儀表盤，設(shè)置指針、刻度、顏色區(qū)段與目標(biāo)值，實現(xiàn)狀態(tài)監(jiān)控可視化培養(yǎng)面向?qū)I(yè)領(lǐng)域的可視化思維，理解不同高級圖表在行業(yè)分析中的作用與局限強化數(shù)據(jù)精度與視覺編碼對應(yīng)關(guān)系的意識，避免誤導(dǎo)性呈現(xiàn)鼓勵探索ECharts多圖表組合與交互樹立綜合分析觀念，利用高級圖表發(fā)現(xiàn)數(shù)據(jù)背后的統(tǒng)計規(guī)律或趨勢教學(xué)內(nèi)容模塊7繪制ECharts高級圖表7.1繪制K線圖7.2繪制雷達(dá)圖7.3繪制盒須圖7.4繪制熱力圖7.5繪制儀表盤重點難點及解決方法重點難點：1每種高級圖表的數(shù)據(jù)結(jié)構(gòu)與核心配置；

2.K線圖的四價數(shù)據(jù)結(jié)構(gòu)與時間軸聯(lián)動；

3.雷達(dá)圖的多維指標(biāo)定義與對比；

4.熱力圖的顏色映射與矩陣數(shù)據(jù)組織5.盒須圖的

boxData統(tǒng)計計算過程解決方法：1.采用“案例導(dǎo)入+結(jié)構(gòu)拆解+代碼演示”法：先用行業(yè)案例引入圖表用途，再拆解數(shù)據(jù)結(jié)構(gòu)，最后現(xiàn)場編碼實現(xiàn)并解釋參數(shù)作用2.演示如何使用ECharts內(nèi)置統(tǒng)計或預(yù)處理數(shù)據(jù)教學(xué)方法講授法、演示法、鼓勵創(chuàng)新法、小組討論法教學(xué)資源演示案例、數(shù)據(jù)資源、機房資源教學(xué)過程設(shè)計主要流程1．新課引入介紹本次課所要完成的任務(wù)，通過具體實例引入知識點。2．新知講授與實踐針對關(guān)鍵知識點進(jìn)行講解，分析案例，教師演示案例3．綜合案例實操示范案例：以案例效果為例，教師細(xì)致演示分析案例的整個流程。學(xué)生分析、計劃，總結(jié)歸納實施要點，得到問題解決的思路與方法。4．專題輔導(dǎo)針對關(guān)鍵技術(shù)點和知識點進(jìn)行專題輔導(dǎo)，引導(dǎo)學(xué)生觀察、發(fā)現(xiàn)，分析和解決問題，解決學(xué)生在實施過程中出現(xiàn)的問題。對于一般內(nèi)容，由學(xué)生探索、討論，提出解決問題的方法，并演示解決問題的操作過程；對于難點內(nèi)容，由教師引導(dǎo)、分析，演示關(guān)鍵的操作步驟。教師活動學(xué)生活動分析講解案例，應(yīng)用知識點,培養(yǎng)學(xué)生的自我學(xué)習(xí)能力和創(chuàng)新革新能力；詳細(xì)講解知識點與任務(wù)；聽從要點，圍繞問題并獨立思考；互動環(huán)節(jié)積極互動，鍛煉表達(dá)能力；組內(nèi)研討并與老師積極交流；5．任務(wù)實施教師活動學(xué)生活動隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)分析案例用到的知識點強調(diào)知識點，提醒學(xué)生容易犯的錯誤，隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)案例設(shè)計、分析與應(yīng)用階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實踐提高案例設(shè)計、分析與應(yīng)用6．總結(jié)點評抽查記成績，教師總結(jié)點評?？偨Y(jié)學(xué)生的完成情況以及在案例設(shè)計中遇到的問題，重新強調(diào)重點及難點問題。7．課后任務(wù)安排繪制城市AQI雷達(dá)圖繪制某城市一年氣溫變化盒須圖繪制日歷熱力圖繪制速度儀表盤繪制項目完成率儀表盤教學(xué)后記（對課程設(shè)置、教學(xué)計劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）提供標(biāo)準(zhǔn)數(shù)據(jù)模板與校驗?zāi)_本；增加預(yù)處理與統(tǒng)計計算示例；用示意圖強化矩陣與顏色映射理解；儀表盤參數(shù)調(diào)試提供經(jīng)驗值表。關(guān)注學(xué)生對專業(yè)領(lǐng)域可視化的興趣，可在拓展任務(wù)中加入多圖表聯(lián)動、實時數(shù)據(jù)推送等高級交互功能。教學(xué)流程設(shè)計（理實一體化）教師姓名系部專業(yè)授課對象課程名稱Web數(shù)據(jù)可視化授課時間使用教材Web數(shù)據(jù)可視化教程（基于ECharts）計劃學(xué)時4學(xué)時教學(xué)形式及地點教學(xué)目標(biāo)知識目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)掌握ECharts中特殊圖表的概念、特點及適用領(lǐng)域理解關(guān)系圖、矩形樹圖、旭日圖、平行坐標(biāo)圖、桑基圖、漏斗圖的核心原理與數(shù)據(jù)結(jié)構(gòu)熟悉ECharts中相應(yīng)圖表的核心配置項及特有參數(shù)能能獨立使用ECharts繪制關(guān)系圖，配置節(jié)點樣式、連線樣式及交互能繪制矩形樹圖，展示層級數(shù)據(jù)及其占比，支持鉆取與顏色映射能繪制旭日圖，清晰呈現(xiàn)多層級占比結(jié)構(gòu)及路徑關(guān)系。能繪制平行坐標(biāo)圖，用于多維數(shù)據(jù)趨勢分析，支持軸范圍與顏色映射能繪制?；鶊D，展示流量/能量轉(zhuǎn)移路徑及數(shù)值比例能繪制漏斗圖，直觀表現(xiàn)分階段轉(zhuǎn)化的數(shù)量與比例，支持自定義標(biāo)簽與顏色培養(yǎng)面向復(fù)雜結(jié)構(gòu)與流程的可視化思維，理解不同特殊圖表在揭示隱藏關(guān)系與模式中的作用強化數(shù)據(jù)層級、流向與比例映射的準(zhǔn)確性意識，避免視覺誤導(dǎo)。鼓勵探索ECharts多圖表聯(lián)動與交互樹立系統(tǒng)化分析觀念，利用特殊圖表發(fā)現(xiàn)業(yè)務(wù)流程瓶頸或數(shù)據(jù)異常教學(xué)內(nèi)容模塊8繪制ECharts特殊圖表8.1繪制關(guān)系圖8.2繪制矩形樹圖8.3繪制旭日圖8.4繪制平行坐標(biāo)圖8.5繪制?；鶊D8.6繪制漏斗圖重點難點及解決方法重點難點：1每種特殊圖表的數(shù)據(jù)結(jié)構(gòu)與核心配置；

2.關(guān)系圖的節(jié)點/連線數(shù)據(jù)結(jié)構(gòu)；

3.矩形樹圖/旭日圖的層級嵌套與面積映射；

4.桑基圖的源-目標(biāo)-值結(jié)構(gòu)與流量守恒解決方法：采用“場景導(dǎo)入+結(jié)構(gòu)拆解+代碼演示”法：先用行業(yè)案例引入圖表用途，再拆解數(shù)據(jù)結(jié)構(gòu)，最后現(xiàn)場編碼實現(xiàn)并解釋參數(shù)作用。教學(xué)方法講授法、演示法、鼓勵創(chuàng)新法、小組討論法教學(xué)資源演示案例、數(shù)據(jù)資源、機房資源教學(xué)過程設(shè)計主要流程1．新課引入介紹本次課所要完成的任務(wù)，通過具體實例引入知識點。2．新知講授與實踐針對關(guān)鍵知識點進(jìn)行講解，分析案例，教師演示案例3．綜合案例實操示范案例：以案例效果為例，教師細(xì)致演示分析案例的整個流程。學(xué)生分析、計劃，總結(jié)歸納實施要點，得到問題解決的思路與方法。4．專題輔導(dǎo)針對關(guān)鍵技術(shù)點和知識點進(jìn)行專題輔導(dǎo)，引導(dǎo)學(xué)生觀察、發(fā)現(xiàn)，分析和解決問題，解決學(xué)生在實施過程中出現(xiàn)的問題。對于一般內(nèi)容，由學(xué)生探索、討論，提出解決問題的方法，并演示解決問題的操作過程；對于難點內(nèi)容，由教師引導(dǎo)、分析，演示關(guān)鍵的操作步驟。教師活動學(xué)生活動分析講解案例，應(yīng)用知識點,培養(yǎng)學(xué)生的自我學(xué)習(xí)能力和創(chuàng)新革新能力；詳細(xì)講解知識點與任務(wù)；聽從要點，圍繞問題并獨立思考；互動環(huán)節(jié)積極互動，鍛煉表達(dá)能力；組內(nèi)研討并與老師積極交流；5．任務(wù)實施教師活動學(xué)生活動隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)分析案例用到的知識點強調(diào)知識點，提醒學(xué)生容易犯的錯誤，隨時接受學(xué)生的咨詢，巡回檢查，個別指導(dǎo)案例設(shè)計、分析與應(yīng)用階段檢查并記錄，發(fā)現(xiàn)問題，專題輔導(dǎo)，啟發(fā)學(xué)生實踐提高案例設(shè)計、分析與應(yīng)用6．總結(jié)點評抽查記成績，教師總結(jié)點評?？偨Y(jié)學(xué)生的完成情況以及在案例設(shè)計中遇到的問題，重新強調(diào)重點及難點問題。7．課后任務(wù)安排繪制日歷關(guān)系圖繪制標(biāo)簽旋轉(zhuǎn)旭日圖繪制AQI分布圖（平行坐標(biāo)圖）教學(xué)后記（對課程設(shè)置、教學(xué)計劃、教學(xué)大綱、教案、教材、教學(xué)方法的建議）教學(xué)中提供布局參數(shù)與標(biāo)簽控制示例；用

visualMap與層級樣式優(yōu)化可讀性；課前校驗數(shù)據(jù)一致性；漏斗圖強調(diào)遞減邏輯。關(guān)注學(xué)生對復(fù)雜結(jié)構(gòu)可視化的興趣，可在拓展任務(wù)中加入圖表聯(lián)動。教學(xué)流程設(shè)計（理實一體化）教師姓名系部專業(yè)授課對象課程名稱Web數(shù)據(jù)可視化授課時間使用教材Web數(shù)據(jù)可視化教程（基于ECharts）計劃學(xué)時4學(xué)時教學(xué)形式及地點教學(xué)目標(biāo)知識目標(biāo)能力（技能）目標(biāo)素質(zhì)目標(biāo)理解ECharts的事件與行為機制：ECharts實例派發(fā)的事件類型及如何監(jiān)聽與響應(yīng)掌握富文本標(biāo)簽的用法理解異步數(shù)據(jù)加載與動態(tài)更新的原理掌握數(shù)據(jù)更新過渡動畫的配置方法了解服務(wù)端渲染ECharts圖表的原理與實現(xiàn)方式能為ECharts圖表綁定事件監(jiān)聽器，捕獲用戶交互并觸發(fā)自定義行為能在圖表標(biāo)題、標(biāo)簽、提示框等位置使用富文本，實現(xiàn)圖文混排與樣式多樣化能編寫異步請求代碼獲取遠(yuǎn)程數(shù)據(jù)并更新圖表，實現(xiàn)動態(tài)可視化能配置數(shù)