第3章ECharts官方文檔及常用組件教案課程名稱：《ECharts數據可視化實戰》課程類別：必修適用專業：計算機科學與技術、大數據技術類、商務數據分析與應用、電子商務等相關專業總學時：64學時（其中理論32學時，實驗32學時）總學分：4.0學分本章學時：8學時材料清單《ECharts數據可視化實戰》教材。配套PPT。數據。代碼。引導性提問。探究性問題。拓展性問題。教學目標與基本要求教學目標首先介紹ECharts官方文檔的使用，然后介紹ECharts的基礎框架和常用術語，最后介紹ECharts圖表中的常用的幾種組件的配置和使用，包括網格組件、坐標軸組件、標題組件、圖例組件、工具箱組件、詳情提示框組件、標記點組件和標記線組件等。基本要求掌握ECharts官方文檔的查詢方法。了解ECharts的基礎架構及常用術語。掌握ECharts的直角坐標系下的網格及坐標軸的使用。掌握ECharts中的標題組件與圖例組件的使用。掌握ECharts中的工具箱組件與詳情提示框組件的使用。掌握ECharts中的標記線與標記點的使用。問題引導性提問引導性提問需要教師根據教材內容和學生實際水平，提出問題，啟發引導學生去解決問題，提問，從而達到理解、掌握知識，發展各種能力和提高思想覺悟的目的。圖形和文字哪一種更容易讓大腦記住？你希望圖表上除了正常的數據之外，還應該有些什么內容？如何讓圖表的數據能夠隨著光標的移動而自動發生相應變化嗎？使用什么組件能夠記圖表顯示最大值、最小值和平均傎？探究性問題探究性問題需要教師深入鉆研教材的基礎上精心設計，提問的角度或者在引導性提問的基礎上，從重點、難點問題切入，進行插入式提問。或者是對引導式提問中尚未涉及但在課文中又是重要的問題加以設問。ECharts的配置項太多，怎么辦？ECharts組件是如何布局的？ECharts中繪制圖表時，當圖例數據較多時，一行放不下來，如何辦？ECharts中繪制圖表時，當有多種不同類型的數據要展示時，如何解決？拓展性問題拓展性問題需要教師深刻理解教材的意義，學生的學習動態后，根據學生學習層次，提出切實可行的關乎實際的可操作問題。亦可以提供拓展資料供學生研習探討，完成拓展性問題。ECharts中，如何在鼠標滑過圖表中的數據標簽時，展現更詳細的數據？ECharts中，如何將展現的圖表保存到自己的電腦中？ECharts中，在一張網頁中，如何在不同類型的圖表自由地切換？主要知識點、重點與難點主要知識點ECharts官方文檔的查詢方法。ECharts的基礎架構及常用術語。ECharts的直角坐標系下的網格及坐標軸的使用。ECharts中的標題組件與圖例組件的使用。ECharts中的工具箱組件與詳情提示框組件的使用。ECharts中的標記線與標記點的使用。重點ECharts官方文檔的查詢方法。ECharts中的標題組件與圖例組件的使用。ECharts中的工具箱組件與詳情提示框組件的使用。ECharts中的標記線與標記點的使用。難點ECharts中的提示框位置的設置。格式字符串formatter的設置。ECharts中的標記線與標記點的使用。教學過程設計理論教學過程使用ECharts官方文檔，了解ECharts基礎架構及常用術語。ECharts直角坐標系下的網格。ECharts直角坐標系下的坐標軸。ECharts直角坐標系下的x軸和y軸。ECharts中的標題組件。ECharts中的多標題組件。ECharts中的圖例組件。ECharts中的九宮格布局。繪制ECharts中的工具箱組件。繪制ECharts中的詳情提示框組件。提示框位置設置和formatter。繪制ECharts中的標記線組件和標記點。實驗教學過程ECharts直角坐標系下的網格及案例代碼分析。ECharts直角坐標系下的坐標軸及案例代碼分析。ECharts直角坐標系下的x軸和y軸及案例代碼分析。ECharts中的標題組件及案例代碼分析。ECharts中的多標題組件及案例代碼分析。ECharts中的圖例組件及案例代碼分析。繪制ECharts中的工具箱組件及案例分析代碼。繪制ECharts中的詳情提示框組件及案例代碼分析。提示框位置設置和formatte及案例代碼分析。繪制ECharts中的標記線組件和標記點及案例代碼分析。教材與參考資料教材范路橋，鄭述招，陳紅玲，等．ECharts數據可視化實戰[M]．西安：西安電子科技大學出版社．2023．參考資料范路橋，張良均，鄭述招，等[M].Web數據可視化(ECharts版).北京：人民郵電出版社，2021.黑馬程序員.Vue.js前端開發實戰[M].北京：人民郵電出版社，2020.師曉利，劉志遠，杜琰琪.Vue.js前端開發實戰[M].北京：人民郵電出版社，2020.王鳳麗，豆連軍.Vue.js前端開發技術[M].北京：人民郵電出版社，2019.肖睿，龍穎，李輝，等.Vue.js企業開發實戰[M].北京：人民郵電出版社，2018.百度ECharts官網./zh/2022-