《ECharts數(shù)據(jù)可視化實戰(zhàn)》課件第5章 ECharts的高級使用 教案

第5章ECharts的高級使用教案課程名稱：《ECharts數(shù)據(jù)可視化實戰(zhàn)》課程類別：必修適用專業(yè)：計算機(jī)科學(xué)與技術(shù)、大數(shù)據(jù)技術(shù)類、商務(wù)數(shù)據(jù)分析與應(yīng)用、電子商務(wù)等相關(guān)專業(yè)總學(xué)時：64學(xué)時（其中理論32學(xué)時，實驗32學(xué)時）總學(xué)分：4.0學(xué)分本章學(xué)時：8學(xué)時材料清單《ECharts數(shù)據(jù)可視化實戰(zhàn)》教材。配套PPT。數(shù)據(jù)。代碼。引導(dǎo)性提問。探究性問題。拓展性問題。教學(xué)目標(biāo)與基本要求教學(xué)目標(biāo)本章介紹在ECharts中的高級使用，包括使圖表更具表現(xiàn)力的圖表混搭功能、使多個數(shù)據(jù)同時顯示的多圖表聯(lián)動功能、動態(tài)切換主題功能、自定義ECharts主題功能、使圖表更加靈活地響應(yīng)用戶的多種操作行為的事件和行為處理功能、使數(shù)據(jù)不再局限為固定的配置，從而更加靈活地獲取外部數(shù)據(jù)的異步數(shù)據(jù)加載功能?；疽笳莆誆Charts的圖表混搭及多表聯(lián)動。掌握ECharts主題切換及自定義主題。掌握ECharts中的事件和行為。掌握ECharts中異步數(shù)據(jù)加載和顯示加載動畫。問題引導(dǎo)性提問引導(dǎo)性提問需要教師根據(jù)教材內(nèi)容和學(xué)生實際水平，提出問題，啟發(fā)引導(dǎo)學(xué)生去解決問題，提問，從而達(dá)到理解、掌握知識，發(fā)展各種能力和提高思想覺悟的目的。如果一張網(wǎng)頁中有兩個或以上的圖表，在其中一個圖表的操作，能否聯(lián)運(yùn)另一個圖表？能否在一張網(wǎng)頁中，有多個不同類型的圖表？ECharts中，能否響應(yīng)鼠標(biāo)事件？探究性問題探究性問題需要教師深入鉆研教材的基礎(chǔ)上精心設(shè)計，提問的角度或者在引導(dǎo)性提問的基礎(chǔ)上，從重點(diǎn)、難點(diǎn)問題切入，進(jìn)行插入式提問?；蛘呤菍σ龑?dǎo)式提問中尚未涉及但在課文中又是重要的問題加以設(shè)問。如果一張網(wǎng)頁中有兩個或以上的圖表，在其中一個圖表的操作，圖表聯(lián)運(yùn)如何實現(xiàn)？ECharts中，如何響應(yīng)鼠標(biāo)事件？ECharts中，如何加載數(shù)據(jù)？拓展性問題拓展性問題需要教師深刻理解教材的意義，學(xué)生的學(xué)習(xí)動態(tài)后，根據(jù)學(xué)生學(xué)習(xí)層次，提出切實可行的關(guān)乎實際的可操作問題。亦可以提供拓展資料供學(xué)生研習(xí)探討，完成拓展性問題。ECharts中，何謂回調(diào)函數(shù)，它有什么作用？ECharts中，組件交互的行為事件，有何作用？ECharts中，代碼觸發(fā)ECharts中組件的行為，如何處理？主要知識點(diǎn)、重點(diǎn)與難點(diǎn)主要知識點(diǎn)ECharts的圖表混搭及多表聯(lián)動。ECharts主題切換及自定義主題。ECharts中的事件和行為。ECharts中異步數(shù)據(jù)加載和顯示加載動畫。重點(diǎn)ECharts的圖表混搭及多表聯(lián)動。ECharts中的事件和行為。ECharts中異步數(shù)據(jù)加載和顯示加載動畫。難點(diǎn)ECharts中的事件和行為。教學(xué)過程設(shè)計理論教學(xué)過程繪制折柱混搭雙y軸的ECharts圖表。掌握ECharts中的水印文字的設(shè)置。ECharts中的多圖表聯(lián)動的方法。ECharts中動態(tài)切換主題。使用主題在線構(gòu)建工具自定義ECharts主題。掌握ECharts中鼠標(biāo)事件的處理。掌握ECharts組件交互的行為事件的處理。掌握代碼觸發(fā)ECharts中組件的行為的處理。實驗教學(xué)過程繪制折柱混搭雙y軸的ECharts圖表及案例代碼分析。掌握ECharts中的水印文字的設(shè)置及案例代碼分析。ECharts中的多圖表聯(lián)動的方法及案例代碼分析。ECharts中動態(tài)切換主題及案例代碼分析。使用主題在線構(gòu)建工具自定義ECharts主題及案例代碼分析。掌握ECharts中鼠標(biāo)事件的處理及案例代碼分析。掌握ECharts組件交互的行為事件的處理及案例代碼分析。掌握代碼觸發(fā)ECharts中組件的行為的處理及案例代碼分析。教材與參考資料教材范路橋，鄭述招，陳紅玲，等．ECharts數(shù)據(jù)可視化實戰(zhàn)[M]．西安：西安電子科技大學(xué)出版社．2023．參考資料范路橋，張良均，鄭述招，等[M].Web數(shù)據(jù)可視化(ECharts版).北京：人民郵電出版社，2021.黑馬程序員.Vue.js前端開發(fā)實戰(zhàn)[M].北京：人民郵電出版社，2020.師曉利，劉志遠(yuǎn)，杜琰琪.Vue.js前端開發(fā)實戰(zhàn)[M].北京：人民郵電出版社，2020.王鳳麗，豆連軍.Vue.js前端開發(fā)技術(shù)[M].北京：人民郵電出版社，2019.肖睿，龍穎，李輝，等.Vue.js企業(yè)開發(fā)實戰(zhàn)[M].北京：人民郵電出版社，2018.百度ECharts官網(wǎng)./zh/2022-5-7.ECharts教程W3c