《數(shù)據(jù)可視化技術(shù)》課件吳勇01分析電影評(píng)論數(shù)量-14EchartsDashboard可視化綜合應(yīng)用

《數(shù)據(jù)可視化技術(shù)》課程介紹課程模塊和項(xiàng)目序號(hào)模塊名稱項(xiàng)目名稱學(xué)時(shí)1Matplotlib數(shù)據(jù)可視化豆瓣電影數(shù)據(jù)分析與Matplotlib可視化162Echarts數(shù)據(jù)可視化電商銷售數(shù)據(jù)Echarts可視化363Flask+Echarts數(shù)據(jù)可視化高校招生就業(yè)數(shù)據(jù)分析與可視化招聘數(shù)據(jù)分析與可視化44合

計(jì)96課程介紹課程目標(biāo)主要面向數(shù)據(jù)可視化工程師崗位，通過(guò)學(xué)習(xí)Python、Matplotlib、Flask、Echarts和Web前端技術(shù)，將爬取或采集下來(lái)的數(shù)據(jù)進(jìn)行存儲(chǔ)、處理和分析，并以各種圖表的形式進(jìn)行呈現(xiàn)和展示。重點(diǎn)使用Python進(jìn)行數(shù)據(jù)分析、Matplotlib和Flask+Echarts進(jìn)行可視化展現(xiàn)，形成圖表，并利用Web頁(yè)面展示出來(lái)。課程介紹課程考核平時(shí)成績(jī)（60%）+期末考試（40%）平時(shí)成績(jī)：學(xué)習(xí)考勤（10%）、綜合素養(yǎng)（10%）、平時(shí)訓(xùn)練任務(wù)（40%）期末考試：上機(jī)技能測(cè)試階段測(cè)試（綜合能力）項(xiàng)目介紹本次課開(kāi)始學(xué)習(xí)項(xiàng)目一：影評(píng)數(shù)據(jù)分析與可視化本項(xiàng)目從某電影網(wǎng)站采集了電影《流浪地球》的部分評(píng)論數(shù)據(jù)，包括城市、影評(píng)內(nèi)容、評(píng)分、評(píng)論時(shí)間、評(píng)論點(diǎn)贊數(shù)等，根據(jù)采集的數(shù)據(jù)對(duì)電影評(píng)論的數(shù)量、點(diǎn)贊數(shù)和評(píng)分三個(gè)方面進(jìn)行分析，完成數(shù)據(jù)分析可視化，給對(duì)科幻電影感興趣的觀影者、電影投資者提供一些參考。單元1分析電影評(píng)論數(shù)量01準(zhǔn)備活動(dòng)點(diǎn)名、復(fù)習(xí)本次課學(xué)習(xí)內(nèi)容、學(xué)習(xí)目標(biāo)介紹學(xué)習(xí)內(nèi)容任務(wù)一分析電影評(píng)論數(shù)量本任務(wù)從評(píng)論日期、評(píng)論者所在城市和星級(jí)評(píng)分三個(gè)方面來(lái)分析電影評(píng)論數(shù)量。通過(guò)繪制折線圖、柱狀圖和餅圖，對(duì)電影評(píng)論數(shù)量的情況進(jìn)行對(duì)比分析，這有利于全面挖掘該電影的口碑、觀影熱度、觀眾對(duì)電影的理解等信息，為觀眾提供觀影參考。子任務(wù)1影評(píng)數(shù)量隨日期變化的情況分析（折線圖）任務(wù)分解：子任務(wù)2影評(píng)數(shù)量最多的十個(gè)城市情況分析（柱形圖）子任務(wù)3評(píng)分星級(jí)數(shù)量占比情況分析（餅圖）學(xué)習(xí)目標(biāo)1、知識(shí)（1）理解數(shù)據(jù)分析以及數(shù)據(jù)分析流程（2）掌握pandas庫(kù)的基本操作、數(shù)據(jù)處理基本的選取、統(tǒng)計(jì)等函數(shù)（3）掌握matplotlib庫(kù)繪制圖形的基本方法，以及折線圖、柱狀圖、餅圖繪制方法2、技能（1）能使用pandas庫(kù)讀取文本數(shù)據(jù)，按照任務(wù)要求處理數(shù)據(jù)（2）能使用matplotlib子庫(kù)plotlib根據(jù)數(shù)據(jù)繪制折線圖、柱狀圖、餅圖3、素養(yǎng)（1）分析問(wèn)題的能力；（2）團(tuán)隊(duì)溝通能力；（3）培養(yǎng)團(tuán)隊(duì)合作意識(shí)。02發(fā)展活動(dòng)任務(wù)分析、任務(wù)資訊、任務(wù)實(shí)施子任務(wù)1：影評(píng)數(shù)量隨日期變化的情況分析任務(wù)分析：根據(jù)評(píng)論時(shí)間字段times提取日期（只提取年月日）數(shù)據(jù)并統(tǒng)計(jì)出各日期的評(píng)論數(shù)量，繪制折線圖，顯示評(píng)論數(shù)量隨日期的變化情況。1．Matplotlib概述任務(wù)資訊Matplotlib是一款用于數(shù)據(jù)可視化的Python軟件包，支持跨平臺(tái)運(yùn)行，它能讓使用3項(xiàng)目1影評(píng)數(shù)據(jù)分析與可視化者很輕松地將數(shù)據(jù)圖形化，并且提供多樣化的輸出格式，可以繪制線圖、散點(diǎn)圖、等高線圖、條形圖、柱狀圖、3D圖形，甚至圖形動(dòng)畫(huà)等。常用的數(shù)據(jù)可視化圖表有直方圖、柱狀圖、折線圖、散點(diǎn)圖、餅圖等，如圖1-1-1所示。2．Matplotlib下載與安裝任務(wù)資訊3．pyplot繪圖流程任務(wù)資訊第1步：導(dǎo)入模塊。第2步：準(zhǔn)備數(shù)據(jù)。第3步：畫(huà)布子圖。第4步：繪制圖形。第5步：添加標(biāo)簽。第6步：保存顯示。4．折線圖任務(wù)資訊折線圖是以折線的上升或下降來(lái)表示統(tǒng)計(jì)數(shù)量增減變化的統(tǒng)計(jì)圖，它可以直觀地反映數(shù)據(jù)的變化趨勢(shì)。pyplot模塊中plot()函數(shù)一般用于繪制線條，包括折線和直線。示例：任務(wù)實(shí)施步驟：步驟1：初始工作。導(dǎo)入相關(guān)包，Pandas從CommentInfo.csv文件中讀取電影評(píng)論數(shù)據(jù)，設(shè)置Matplotlib繪圖的常用參數(shù)值.步驟2：統(tǒng)計(jì)各日期的評(píng)論數(shù)量。提取評(píng)論時(shí)間的日期信息，并統(tǒng)計(jì)各日期電影評(píng)論數(shù)量。步驟3：繪制折線圖。使用Matplotlib繪制折線圖，橫軸為日期，縱軸為日期所對(duì)應(yīng)的電影評(píng)論數(shù)量，顯示各日期的評(píng)論數(shù)量以及變化趨勢(shì)。子任務(wù)2影評(píng)數(shù)量最多的十個(gè)城市情況分析任務(wù)分析：本任務(wù)需要使用Pandas從CommentInfo.csv文件中讀取數(shù)據(jù)，統(tǒng)計(jì)各城市評(píng)論數(shù)量。根據(jù)所統(tǒng)計(jì)各城市評(píng)論數(shù)量，使用Matplotlib繪制柱狀圖，要求橫軸為城市，縱軸為城市對(duì)應(yīng)的電影評(píng)論數(shù)量，顯示評(píng)論數(shù)量最多的十個(gè)城市的情況。1．柱形圖任務(wù)資訊柱狀圖是一種用矩形柱來(lái)表示數(shù)據(jù)分類的圖表，柱狀圖可以垂直繪制，也可以水平繪制（水平繪制叫條形圖）。柱狀圖顯示了不同類別之間的比較關(guān)系，它由一系列高度不等的縱向條紋表示數(shù)據(jù)分布的情況。圖表的水平軸x表示被比較的類別，垂直軸Y則表示具體的類別值。pyplot模塊中的bar()函數(shù)用于繪制柱狀圖，barh()函數(shù)用于繪制條形圖。示例：顯示2022年不同種類（A、B、C、D）的銷售數(shù)量，通過(guò)bar()函數(shù)繪制柱狀圖，代碼如下：任務(wù)實(shí)施步驟：步驟1：初始工作。導(dǎo)入相關(guān)包，Pandas從CommentInfo.csv文件中讀取電影評(píng)論數(shù)據(jù)，設(shè)置Matplotlib繪圖常用參數(shù)值。步驟2：統(tǒng)計(jì)并取出評(píng)論數(shù)量最多的十個(gè)城市步驟3：繪制柱狀圖。橫軸為城市，縱軸為城市對(duì)應(yīng)的電影評(píng)論數(shù)量，顯示評(píng)論數(shù)量最多的十個(gè)城市子任務(wù)3評(píng)分星級(jí)數(shù)量占比情況分析任務(wù)分析：本任務(wù)需要使用Pandas從CommentInfo.csv文件中讀取數(shù)據(jù)，從評(píng)論評(píng)分字段scores統(tǒng)計(jì)各評(píng)分的評(píng)論數(shù)量。根據(jù)統(tǒng)計(jì)出的各評(píng)分星級(jí)數(shù)量，使用Matplotlib繪制餅圖，顯示各星級(jí)評(píng)分的占比情況。1．餅圖任務(wù)資訊餅圖用來(lái)顯示一個(gè)數(shù)據(jù)系列，具體來(lái)說(shuō)，餅圖顯示一個(gè)數(shù)據(jù)系列中各項(xiàng)目占項(xiàng)目總和的百分比。餅圖可以清楚地反映部分與部分、部分與整體之間的比例關(guān)系，能直觀地顯示每組數(shù)據(jù)相對(duì)于總數(shù)的大小和占比情況。pyplot模塊中的pie()函數(shù)用以繪制餅狀圖，語(yǔ)法格式如下1．餅圖任務(wù)資訊pyplot模塊中的pie()函數(shù)用以繪制餅狀圖，語(yǔ)法格式如下示例：顯示2022年不同種類（A、B、C、D）的銷售數(shù)量的占比情況，通過(guò)pie()函數(shù)繪制餅圖，代碼如下任務(wù)實(shí)施步驟：步驟1：初始工作。導(dǎo)入相關(guān)包，Pandas從CommentInfo.csv文件中讀取電影評(píng)論數(shù)據(jù)，設(shè)置Matplotlib繪圖的常用參數(shù)值步驟2：統(tǒng)計(jì)各評(píng)分的評(píng)論數(shù)量。步驟3：繪制餅圖，顯示各評(píng)分的占比情況03整合活動(dòng)總結(jié)、知識(shí)點(diǎn)梳理學(xué)習(xí)總結(jié)布置作業(yè)：進(jìn)一步完善任務(wù)。完成拓展題【拓展】分析點(diǎn)贊數(shù)最多的十個(gè)評(píng)論與星級(jí)關(guān)系拓展任務(wù)單元2分析電影評(píng)論點(diǎn)贊數(shù)項(xiàng)目介紹項(xiàng)目一：影評(píng)數(shù)據(jù)分析與可視化本項(xiàng)目從某電影網(wǎng)站采集了電影《流浪地球》的部分評(píng)論數(shù)據(jù)，包括城市、影評(píng)內(nèi)容、評(píng)分、評(píng)論時(shí)間、評(píng)論點(diǎn)贊數(shù)等，根據(jù)采集的數(shù)據(jù)對(duì)電影評(píng)論的數(shù)量、點(diǎn)贊數(shù)和評(píng)分三個(gè)方面進(jìn)行分析，完成數(shù)據(jù)分析可視化，給對(duì)科幻電影感興趣的觀影者、電影投資者提供一些參考。01準(zhǔn)備活動(dòng)點(diǎn)名、復(fù)習(xí)本次課學(xué)習(xí)內(nèi)容、學(xué)習(xí)目標(biāo)介紹學(xué)習(xí)內(nèi)容任務(wù)一分析電影評(píng)論點(diǎn)贊數(shù)本任務(wù)從評(píng)論點(diǎn)贊數(shù)分布、評(píng)論點(diǎn)贊數(shù)對(duì)應(yīng)星級(jí)、點(diǎn)贊數(shù)日期三個(gè)方面來(lái)分析電影評(píng)論點(diǎn)贊數(shù)。通過(guò)繪制直方圖、箱形圖、散點(diǎn)圖和折線圖對(duì)電影評(píng)論點(diǎn)贊數(shù)情況進(jìn)行分布分析、對(duì)比分析，以便全面了解該電影的口碑、觀影熱度、觀眾對(duì)電影的理解等信息，為觀眾提供觀影參考。子任務(wù)1根據(jù)評(píng)論點(diǎn)贊數(shù)字段votes繪制直方圖，顯示評(píng)論點(diǎn)贊數(shù)分布情況任務(wù)分解：子任務(wù)2根據(jù)評(píng)論點(diǎn)贊數(shù)字段votes和評(píng)分字段scores繪制箱形圖，顯示評(píng)論點(diǎn)贊數(shù)星級(jí)分布情況。子任務(wù)3根據(jù)評(píng)論日期字段times和點(diǎn)贊數(shù)字段votes繪制散點(diǎn)圖和折線圖，顯示評(píng)論點(diǎn)贊數(shù)、評(píng)論數(shù)量隨日期變化情況學(xué)習(xí)目標(biāo)1、知識(shí)（1）復(fù)習(xí)pandas庫(kù)的基本操作、數(shù)據(jù)處理基本的選取、統(tǒng)計(jì)等函數(shù)（3）掌握matplotlib庫(kù)繪制圖形的基本方法，以及直方圖、箱型圖、散點(diǎn)圖繪制方法2、技能（1）能使用pandas庫(kù)讀取文本數(shù)據(jù)，按照任務(wù)要求處理數(shù)據(jù)（2）能使用matplotlib子庫(kù)plotlib根據(jù)數(shù)據(jù)繪制直方圖、箱型圖、散點(diǎn)圖3、素養(yǎng)（1）分析問(wèn)題的能力；（2）團(tuán)隊(duì)溝通能力；（3）培養(yǎng)團(tuán)隊(duì)合作意識(shí)。02發(fā)展活動(dòng)任務(wù)分析、任務(wù)資訊、任務(wù)實(shí)施子任務(wù)1評(píng)論點(diǎn)贊數(shù)分布情況分析（直方圖）任務(wù)分析：本任務(wù)需要使用Pandas從CommentInfo.csv文件中讀取數(shù)據(jù)，根據(jù)評(píng)論點(diǎn)贊數(shù)字段votes，使用Matplotlib繪制兩個(gè)直方圖，顯示評(píng)論點(diǎn)贊數(shù)分析情況。第一個(gè)直方圖要求橫軸為點(diǎn)贊數(shù)區(qū)間，其范圍為評(píng)論點(diǎn)贊數(shù)最小值至最大值之間；縱軸為評(píng)論點(diǎn)贊數(shù)。第二個(gè)直方圖要求橫軸為點(diǎn)贊數(shù)區(qū)間，范圍為0～5000，縱軸為評(píng)論點(diǎn)贊數(shù)。1．子圖任務(wù)資訊一個(gè)畫(huà)布上默認(rèn)有一個(gè)子圖，Matplotlib圖像組成如圖1-2-1所示?？梢詫igure對(duì)象理解為畫(huà)布；Axes對(duì)象表示坐標(biāo)軸區(qū)域，可以認(rèn)為是子圖，也是真正繪圖的區(qū)域?？梢詣?chuàng)建多個(gè)畫(huà)布，也可以在一個(gè)畫(huà)布上添加多個(gè)子圖。Figure對(duì)象允許劃分多個(gè)繪圖區(qū)域，每個(gè)區(qū)域都是一個(gè)Axes對(duì)象，每個(gè)Axes對(duì)象都擁有自己的坐標(biāo)系，即子圖。Figure對(duì)象與Axes對(duì)象之間的關(guān)系如圖1-2-2所示。1．子圖任務(wù)資訊（1）創(chuàng)建和添加單個(gè)子圖：subplot()函數(shù)和add_subplot()方法示例：規(guī)劃兩個(gè)子圖，并創(chuàng)建或添加兩個(gè)子圖，按照水平排列。2．直方圖任務(wù)資訊直方圖用一系列高度不等的縱向線段來(lái)表示數(shù)據(jù)分布的情況。直方圖的橫軸表示數(shù)據(jù)類型，縱軸表示分布情況。直方圖用于概率分布，它顯示了一組數(shù)值序列在給定數(shù)值范圍內(nèi)出現(xiàn)的概率；柱狀圖則用于展示各個(gè)類別的頻數(shù)。pyplot模塊中的hist()函數(shù)用以繪制直方圖，語(yǔ)法格式如下2．直方圖任務(wù)資訊示例：顯示A類產(chǎn)品不同價(jià)格區(qū)間的銷售數(shù)量，通過(guò)hist()函數(shù)繪制直方圖，代碼如下以上代碼通過(guò)hist()函數(shù)繪制直方圖，直方圖顯示了8個(gè)條柱，顏色為綠色，運(yùn)行結(jié)果如圖1-2-11所示任務(wù)實(shí)施步驟：步驟1：初始工作。導(dǎo)入相關(guān)包，Pandas從CommentInfo.csv文件中讀取電影評(píng)論數(shù)據(jù)，設(shè)置Matplotlib繪圖常用參數(shù)值。步驟2：獲取所有評(píng)論點(diǎn)贊數(shù)以及最大、最小點(diǎn)贊數(shù)。步驟3：繪制直方圖。通過(guò)子圖繪制了兩個(gè)垂直排列的直方圖。子任務(wù)2評(píng)論點(diǎn)贊數(shù)對(duì)應(yīng)星級(jí)分析任務(wù)分析：在子任務(wù)1的基礎(chǔ)上分析評(píng)論點(diǎn)贊數(shù)大于5000的評(píng)論的星級(jí)情況。本任務(wù)需要使用Pandas從CommentInfo.csv文件中讀取數(shù)據(jù)，從評(píng)論點(diǎn)贊數(shù)字段votes獲取大于等于5000的評(píng)論點(diǎn)贊數(shù)和評(píng)分?jǐn)?shù)據(jù)，根據(jù)評(píng)論點(diǎn)贊數(shù)和評(píng)分?jǐn)?shù)據(jù)，使用Matplotlib繪制箱形圖，顯示評(píng)論點(diǎn)贊數(shù)對(duì)應(yīng)星級(jí)分布情況。1．箱型

圖任務(wù)資訊箱形圖（Box-plot）又稱為盒須圖、盒式圖或箱線圖，是一種用于顯示一組數(shù)據(jù)分散情況的統(tǒng)計(jì)圖，因形狀如箱子而得名。它能顯示出一組數(shù)據(jù)的最大值、最小值、中位數(shù)以及上下四分位數(shù)，主要用于反映原始數(shù)據(jù)分布的特征，還可以進(jìn)行多組數(shù)據(jù)分布特征的比較。在箱形圖中，從上四分位數(shù)到下四分位數(shù)繪制一個(gè)盒子，然后用一條垂直觸須（形象地稱為“盒須”）穿過(guò)盒子的中間。上垂線延伸至上邊緣（最大值），下垂線延伸至下邊緣（最小值）。箱形圖結(jié)構(gòu)如圖1-2-12所示。圖1-2-12中標(biāo)示了每條線所表示的含義，主要包含6個(gè)數(shù)據(jù)節(jié)點(diǎn)。一組數(shù)據(jù)按從大到小排列，分別計(jì)算出上邊緣、上四分位數(shù)（Q3）、中位數(shù)、下四分位數(shù)（Q1）、下邊緣，以及異常值1．箱型

圖任務(wù)資訊pyplot模塊中的boxplot()函數(shù)用以繪制箱形圖，語(yǔ)法格式如下：示例：A產(chǎn)品2022年和2021年銷售價(jià)格情況分析，通過(guò)boxplot()函數(shù)繪制箱形圖，代碼如下以上代碼繪制了箱形圖，分別表示A產(chǎn)品2022年和2021年產(chǎn)品銷售價(jià)格分布情況，運(yùn)行結(jié)果如圖1-2-13所示。任務(wù)實(shí)施步驟：步驟1：初始工作。導(dǎo)入相關(guān)包，Pandas從CommentInfo.csv文件中讀取電影評(píng)論數(shù)據(jù)，設(shè)置Matplotlib繪圖常用參數(shù)值步驟2：獲取評(píng)論點(diǎn)贊數(shù)大于等于5000的評(píng)論評(píng)分和點(diǎn)贊數(shù)。步驟3：繪制箱形圖。按星級(jí)分別繪制五個(gè)箱形圖，顯示評(píng)論點(diǎn)贊數(shù)對(duì)應(yīng)星級(jí)的分布情況。子任務(wù)3評(píng)論點(diǎn)贊數(shù)、評(píng)論數(shù)量隨日期變化的情況分析任務(wù)分析：本任務(wù)需要使用Pandas從CommentInfo.csv文件中讀取數(shù)據(jù)，處理times字段提取日期信息，并按日期排序，對(duì)處理后的數(shù)據(jù)使用Matplotlib繪制散點(diǎn)圖，再按日期統(tǒng)計(jì)發(fā)布的評(píng)論數(shù)量并繪制折線圖。散點(diǎn)圖和折線圖要求共橫軸，橫軸為日期，左邊縱軸為電影評(píng)論點(diǎn)贊數(shù)，右邊縱軸為評(píng)論數(shù)量，從而顯示評(píng)論點(diǎn)贊數(shù)、評(píng)論數(shù)量隨日期變化的情況。1．散點(diǎn)圖任務(wù)資訊散點(diǎn)圖用于在水平軸和垂直軸上繪制數(shù)據(jù)點(diǎn)，用點(diǎn)表示變量之間的關(guān)系。它可以展現(xiàn)因變量隨自變量變化的趨勢(shì)，用于觀察變量之間的關(guān)系。pyplot模塊中的scatter()函數(shù)用于繪制散點(diǎn)圖。語(yǔ)法格式如下常用參數(shù)含義如下：x，y：長(zhǎng)度相同的數(shù)組，也就是我們即將繪制散點(diǎn)圖的輸入數(shù)據(jù)。這兩個(gè)參數(shù)是必選的。s：點(diǎn)的大小，默認(rèn)為20，也可以是個(gè)數(shù)組，數(shù)組中的每個(gè)數(shù)據(jù)為對(duì)應(yīng)點(diǎn)的大小。c：點(diǎn)的顏色，默認(rèn)為藍(lán)色（b），也就是blue。marker：標(biāo)記樣式，默認(rèn)小圓圈（o）。alpha：透明度設(shè)置，取值于0～1，默認(rèn)為None，即不透明。linewidths：標(biāo)記邊界的寬度。edgecolors：標(biāo)記的邊框顏色或顏色序列，默認(rèn)為face，可選值有face、None1．散點(diǎn)圖任務(wù)資訊示例1：顯示A類產(chǎn)品2022年季度銷售情況，通過(guò)scatter()函數(shù)繪制散點(diǎn)圖，代碼如下以上代碼繪制了散點(diǎn)圖，圖有四個(gè)點(diǎn)，表示四個(gè)季度的銷售數(shù)量，運(yùn)行結(jié)果如圖1-2-14所示示例2：顯示A類和B類產(chǎn)品2022年季度銷售情況，代碼如下以上代碼繪制了兩個(gè)散點(diǎn)圖，設(shè)置了點(diǎn)的樣式、大小和顏色，運(yùn)行結(jié)果如圖1-2-15所示。任務(wù)實(shí)施步驟：步驟1：初始工作。導(dǎo)入相關(guān)包，Pandas從CommentInfo.csv文件中讀取電影評(píng)論數(shù)據(jù)，設(shè)置Matplotlib繪圖常用參數(shù)值。步驟2：處理日期數(shù)據(jù)，并按時(shí)間排序，統(tǒng)計(jì)各日期評(píng)論數(shù)。步驟3：繪制散點(diǎn)圖和折線圖。通過(guò)共軸實(shí)現(xiàn)兩個(gè)圖共享x軸。03整合活動(dòng)總結(jié)、知識(shí)點(diǎn)梳理學(xué)習(xí)總結(jié)布置作業(yè)：進(jìn)一步完善任務(wù)。完成拓展題【拓展】拓展任務(wù)使用Matplotlib繪制折線圖，分析評(píng)分為50的點(diǎn)贊數(shù)最高的10個(gè)，用折線圖表示出來(lái)。單元3分析電影評(píng)論評(píng)分項(xiàng)目介紹項(xiàng)目一：影評(píng)數(shù)據(jù)分析與可視化本項(xiàng)目從某電影網(wǎng)站采集了電影《流浪地球》的部分評(píng)論數(shù)據(jù)，包括城市、影評(píng)內(nèi)容、評(píng)分、評(píng)論時(shí)間、評(píng)論點(diǎn)贊數(shù)等，根據(jù)采集的數(shù)據(jù)對(duì)電影評(píng)論的數(shù)量、點(diǎn)贊數(shù)和評(píng)分三個(gè)方面進(jìn)行分析，完成數(shù)據(jù)分析可視化，給對(duì)科幻電影感興趣的觀影者、電影投資者提供一些參考。01準(zhǔn)備活動(dòng)點(diǎn)名、復(fù)習(xí)本次課學(xué)習(xí)內(nèi)容、學(xué)習(xí)目標(biāo)介紹學(xué)習(xí)內(nèi)容任務(wù)三分析電影評(píng)論評(píng)分本任務(wù)從評(píng)論評(píng)分與城市名稱、評(píng)分等級(jí)三個(gè)方面來(lái)分析電影評(píng)論評(píng)分。通過(guò)繪制面積圖、折線圖和詞云圖對(duì)電影評(píng)論評(píng)分情況進(jìn)行分布分析、對(duì)比分析，以便全面挖掘該電影的口碑、觀影熱度、觀眾對(duì)電影的理解等信息，為觀眾提供觀影參考任務(wù)分解：子任務(wù)1評(píng)論評(píng)分與城市的關(guān)系分析（面積圖）子任務(wù)2評(píng)論評(píng)分好評(píng)與差評(píng)的關(guān)鍵信息分析（詞云圖）學(xué)習(xí)目標(biāo)1、知識(shí)（1）掌握matplotlib面積圖的繪制方法（2）掌握jieba分詞

（3）掌握pandas統(tǒng)計(jì)詞頻的方法

（4）掌握matplotlib詞云的繪制方法2、技能（1）能使用jieba分詞處理文本（2）能使用matplotlib子庫(kù)plotlib根據(jù)數(shù)據(jù)繪制面積圖和詞云圖3、素養(yǎng)（1）嚴(yán)謹(jǐn)認(rèn)真、代碼規(guī)范；（2）數(shù)據(jù)安全、愛(ài)國(guó)精神；（3）信息檢索能力02發(fā)展活動(dòng)任務(wù)分析、任務(wù)資訊、任務(wù)實(shí)施子任務(wù)1評(píng)論評(píng)分與城市的關(guān)系分析（面積圖）任務(wù)分析：本任務(wù)需要使用Pandas從CommentInfo.csv文件中讀取數(shù)據(jù)，根據(jù)評(píng)論評(píng)分字段scores和城市名稱字段citys數(shù)據(jù)統(tǒng)計(jì)出不同評(píng)分及對(duì)應(yīng)城市的評(píng)論數(shù)量。根據(jù)統(tǒng)計(jì)出的不同評(píng)分及對(duì)應(yīng)城市的評(píng)論數(shù)量，取出前五名城市的數(shù)據(jù)，使用Matplotlib繪制折線圖和面積圖，要求橫軸為評(píng)分，縱軸為評(píng)論數(shù)量，顯示不同評(píng)分、不同城市的評(píng)論數(shù)據(jù)變化趨勢(shì)。1．面積圖任務(wù)資訊面積圖對(duì)軸和線之間的區(qū)域著色，不僅能夠強(qiáng)調(diào)峰和谷，還能夠強(qiáng)調(diào)高點(diǎn)和低點(diǎn)的持續(xù)時(shí)間。高點(diǎn)持續(xù)時(shí)間越長(zhǎng)，線下面積越大。pyplot模塊可以使用fill_between()函數(shù)和stackplot()函數(shù)繪制面積圖。fill_between()函數(shù)語(yǔ)法格式如下：1．面積圖任務(wù)資訊stackplot()函數(shù)語(yǔ)法格式如下1．面積圖任務(wù)資訊示例：顯示A類產(chǎn)品2022年和2021年季度銷售情況，通過(guò)fill_between()函數(shù)繪制面積圖，代碼如下：以上代碼設(shè)置alpha為0.5（半透明），同時(shí)繪制了兩條折線圖，能顯示出面積圖的上邊緣，運(yùn)行結(jié)果如圖1-3-2所示1．面積圖任務(wù)資訊示例：：顯示A類產(chǎn)品2022年和2021年季度銷售情況，通過(guò)stackplot()函數(shù)繪制堆疊面積圖，代碼如下：以上代碼繪制了一個(gè)堆疊面積圖，堆疊面積圖有兩個(gè)顏色的面積，分別對(duì)應(yīng)2022年和2021年的銷售情況，運(yùn)行結(jié)果如圖1-3-3所示。任務(wù)實(shí)施步驟：步驟1：初始工作。導(dǎo)入相關(guān)包，Pandas從CommentInfo.csv文件中讀取電影評(píng)論數(shù)據(jù)，設(shè)置Matplotlib繪圖常用參數(shù)值。步驟2：統(tǒng)計(jì)不同評(píng)分各城市的評(píng)分?jǐn)?shù)量。根據(jù)處理評(píng)分字段scores和城市名稱字段citys數(shù)據(jù)，統(tǒng)計(jì)不同評(píng)分及對(duì)應(yīng)城市的評(píng)分?jǐn)?shù)量，取出評(píng)論數(shù)量最多的五個(gè)城市的數(shù)據(jù)用于繪圖步驟3：繪制折線圖和面積圖。繪制5條折線圖和5個(gè)面積圖，橫軸為評(píng)分，縱軸為評(píng)論數(shù)量，顯示不同評(píng)分、不同城市的評(píng)論數(shù)據(jù)變化趨勢(shì)。子任務(wù)2評(píng)論評(píng)分好評(píng)與差評(píng)的關(guān)鍵信息分析任務(wù)分析：本任務(wù)需要使用Pandas從CommentInfo.csv文件中讀取數(shù)據(jù)，根據(jù)評(píng)論評(píng)分字段scores，按照好評(píng)差評(píng)標(biāo)準(zhǔn)進(jìn)行分類。對(duì)分類的數(shù)據(jù)做jieba分詞后使用WordCloud()繪制好評(píng)和差評(píng)留言的詞云圖，顯示好評(píng)和差評(píng)關(guān)鍵字信息。1．詞云圖任務(wù)資訊詞云圖，也叫文字云，即對(duì)輸入的一段文字計(jì)算詞匯出現(xiàn)的頻率（詞頻），然后根據(jù)詞頻集中顯示高頻詞，簡(jiǎn)潔、直觀、高效。詞云圖使人們可以快速感知最突出的文字，迅速抓住重點(diǎn)，了解主旨。制作詞云圖的方法有很多，可以借助第三方網(wǎng)站的在線詞云圖工具，也可以基于Python。這里使用WordCloud制作詞云圖，制作流程如下：1）準(zhǔn)備一段文字。2）使用jieba分詞。3）準(zhǔn)備停用詞。4）WordCloud生成詞云圖示例：簡(jiǎn)單分詞，代碼如下：1．詞云圖任務(wù)資訊示例：制作朱自清《春》的詞云圖1．詞云圖任務(wù)資訊修改示例：制作朱自清《春》的詞云圖任務(wù)實(shí)施步驟：步驟1：初始工作。導(dǎo)入相關(guān)包，設(shè)置Matplotlib繪圖常用參數(shù)值。步驟2：準(zhǔn)備停用詞。定義stop_words()函數(shù)，讀取提供的停用詞文件數(shù)據(jù)，按需求定義停用詞。步驟3：定義函數(shù)douban_word_cloud(data_after,title)，繪制詞云圖，參數(shù)data_after表示生成詞云圖的文本數(shù)據(jù)，參數(shù)title表示生成詞云圖的標(biāo)題步驟4：定義主函數(shù)run()，從文件CommentInfo.csv讀取數(shù)據(jù)，根據(jù)評(píng)判標(biāo)準(zhǔn)（評(píng)分大于等于30的為好評(píng)，評(píng)分小于30的為差評(píng)）把電影評(píng)論分為好評(píng)和差評(píng)，再分別調(diào)用步驟3定義的函數(shù)douban_word_cloud(data_after,title)，繪制詞云圖步驟5：執(zhí)行主函數(shù)run()03整合活動(dòng)總結(jié)、知識(shí)點(diǎn)梳理學(xué)習(xí)總結(jié)布置作業(yè)：進(jìn)一步完善任務(wù)。完成拓展題【拓展】拓展任務(wù)使用Matplotlib繪制豆瓣短評(píng)評(píng)分=50的評(píng)論留言的關(guān)鍵詞詞云信息圖。《數(shù)據(jù)可視化技術(shù)》課題04Matplotlib綜合運(yùn)用前言本次課完成第一次單元測(cè)試：自選項(xiàng)目數(shù)據(jù)分析及可視化，各位同學(xué)將準(zhǔn)備好的課題，完成數(shù)據(jù)爬蟲(chóng)，自選角度完成數(shù)據(jù)可視化。01準(zhǔn)備活動(dòng)點(diǎn)名、復(fù)習(xí)本次課學(xué)習(xí)內(nèi)容、學(xué)習(xí)目標(biāo)介紹學(xué)習(xí)內(nèi)容任務(wù)：

自選項(xiàng)目數(shù)據(jù)分析及Matplotlib可視化

訪問(wèn)“湖南機(jī)電新聞”網(wǎng)站，完成數(shù)據(jù)爬取、處理分析和可視化學(xué)習(xí)目標(biāo)1、知識(shí)（1）掌握爬蟲(chóng)流程和方法(2)掌握pandas庫(kù)的基本操作、數(shù)據(jù)處理基本的選取、統(tǒng)計(jì)等函數(shù)（3）掌握matplotlib庫(kù)繪制圖形的基本方法，以及基本圖的繪制方法2、技能（1）能爬取非結(jié)構(gòu)網(wǎng)頁(yè)（2）能使用beautifulsoup、、lxml（xpath）、re等庫(kù)從爬取的網(wǎng)頁(yè)中提取有用的數(shù)據(jù)

（3）能使用pandas庫(kù)讀取文本數(shù)據(jù)，按照任務(wù)要求處理數(shù)據(jù)（4）能使用matplotlib子庫(kù)plotlib根據(jù)數(shù)據(jù)繪制基本圖3、素養(yǎng)（1）嚴(yán)謹(jǐn)認(rèn)真、代碼規(guī)范；（2）數(shù)據(jù)安全、愛(ài)國(guó)精神；（3）信息檢索能力02發(fā)展活動(dòng)任務(wù)分析、任務(wù)資訊、任務(wù)實(shí)施任務(wù)實(shí)施1、教師講解

本次課為第一次單元測(cè)試，各同學(xué)自選課題，完成數(shù)據(jù)爬取，分析，并自選角度完成數(shù)據(jù)可視化。2、明確任務(wù)（1）各同學(xué)自選課題，爬取數(shù)據(jù)（2）使用matplotlib完成自選角度的4個(gè)基本圖（折線圖、柱形圖、餅圖和詞云）。（3）對(duì)展示的圖進(jìn)行分析，寫(xiě)出結(jié)論任務(wù)實(shí)施訪問(wèn)“湖南機(jī)電新聞”網(wǎng)站，完成數(shù)據(jù)爬取、處理分析和可視化：/about/xue-yuan-xin-wen-list-0.htm1、數(shù)據(jù)采集訪問(wèn)/about/xue-yuan-xin-wen-list-0.htm，使用Python采集學(xué)校新聞所有的新聞數(shù)據(jù)（要求至少采集50頁(yè)新聞數(shù)據(jù)），根據(jù)新聞詳細(xì)地址采集新聞的發(fā)布部門信息，信息包括：新聞標(biāo)題、發(fā)布時(shí)間、新聞詳細(xì)地址三列信息，相關(guān)信息采集下來(lái)后，保存為文件名“機(jī)電學(xué)校新聞.csv”任務(wù)實(shí)施2、數(shù)據(jù)處理和分析使用Python的pandas讀取“機(jī)電學(xué)校新聞.csv”文件，完成如下數(shù)據(jù)處理和分析操作：對(duì)數(shù)據(jù)進(jìn)行清洗，把“發(fā)布時(shí)間”的年月日分別提取出來(lái)，單列成三列“年”、“月”、“日”，保存新聞標(biāo)題、年、月、日四列數(shù)據(jù)到“機(jī)電學(xué)校新聞_發(fā)布年月日.csv”文件。任務(wù)實(shí)施3、數(shù)據(jù)可視化根據(jù)題目需求使用Python讀取“機(jī)電學(xué)校新聞_發(fā)布年月日.csv”csv文件中的數(shù)據(jù)，完成如下操作：（1）使用折線圖展示學(xué)校新聞2020年12月每日發(fā)布數(shù)量。（2）使用折線圖展示學(xué)校新聞2020年每月發(fā)布的數(shù)量。03整合活動(dòng)總結(jié)、知識(shí)點(diǎn)梳理學(xué)習(xí)總結(jié)通過(guò)本次課的練習(xí)，同學(xué)們對(duì)數(shù)據(jù)爬取、數(shù)據(jù)分析到數(shù)據(jù)可視化整個(gè)流程更有體會(huì)。同時(shí)更進(jìn)一步熟練選擇各種matplotlib的基本圖完成各類數(shù)據(jù)的展示。布置作業(yè)：進(jìn)一步完善任務(wù)。尋找一個(gè)新聞網(wǎng)站爬取分析數(shù)據(jù)（1）爬取數(shù)據(jù)（2）使用matplotlib完成自選角度的4個(gè)基本圖（折線圖、柱形圖、餅圖和詞云）。（3）對(duì)展示的圖進(jìn)行分析，寫(xiě)出結(jié)論拓展任務(wù)《數(shù)據(jù)可視化技術(shù)》單元5Echarts基本組件的使用（一）項(xiàng)目介紹本次課開(kāi)始學(xué)習(xí)項(xiàng)目二：數(shù)碼產(chǎn)品銷售數(shù)據(jù)ECharts可視化數(shù)碼產(chǎn)品主要包括計(jì)算機(jī)、通信和消費(fèi)電子產(chǎn)品。對(duì)數(shù)碼產(chǎn)品銷售數(shù)據(jù)進(jìn)行分析和可視化展示，有助于相關(guān)人員了解各種產(chǎn)品銷售情況，了解哪些是暢銷產(chǎn)品、哪些是冷門產(chǎn)品，幫助改進(jìn)營(yíng)銷和投資。本項(xiàng)目使用ECharts技術(shù)完成對(duì)數(shù)碼產(chǎn)品銷售數(shù)據(jù)的分析與可視化。01準(zhǔn)備活動(dòng)點(diǎn)名、復(fù)習(xí)本次課學(xué)習(xí)內(nèi)容、學(xué)習(xí)目標(biāo)介紹學(xué)習(xí)內(nèi)容任務(wù)一

使用基本組件繪制數(shù)碼產(chǎn)品銷量圖店鋪商家為了直觀地查看各種數(shù)碼產(chǎn)品的銷量情況、進(jìn)貨量與銷量對(duì)比情況，可以借助ECharts開(kāi)發(fā)數(shù)據(jù)圖表，直觀地展示數(shù)據(jù)統(tǒng)計(jì)結(jié)果要使用ECharts進(jìn)行數(shù)據(jù)可視化，需要搭建ECharts開(kāi)發(fā)環(huán)境，設(shè)置ECharts常用組件。本任務(wù)將繪制數(shù)碼產(chǎn)品進(jìn)貨量與銷量對(duì)比圖、2017年—2020年各品牌數(shù)碼產(chǎn)品銷量情況對(duì)比圖任務(wù)分解：子任務(wù)1搭建ECharts開(kāi)發(fā)環(huán)境子任務(wù)2繪制數(shù)碼產(chǎn)品進(jìn)貨量與銷量對(duì)比圖（柱狀圖）子任務(wù)3繪制2017年—2020年各品牌數(shù)碼產(chǎn)品銷量情況對(duì)比圖（子圖：柱狀圖）學(xué)習(xí)目標(biāo)1、知識(shí)（1）了解Echarts開(kāi)發(fā)環(huán)境（2）掌握Echarts標(biāo)題、坐標(biāo)軸主要參數(shù)設(shè)置（3）了解Echarts數(shù)據(jù)系列的設(shè)置和使用（4）掌握Echarts圖例的設(shè)置2、技能（1）能夠搭建Echarts開(kāi)發(fā)環(huán)境（2）能夠使用Echarts圖表中的標(biāo)題、坐標(biāo)軸、數(shù)據(jù)系列、圖例等組件3、素養(yǎng)（1）嚴(yán)謹(jǐn)認(rèn)真、代碼規(guī)范；（2）數(shù)據(jù)安全、愛(ài)國(guó)精神；（3）信息檢索能力02發(fā)展活動(dòng)任務(wù)分析、任務(wù)資訊、演示講解、任務(wù)實(shí)施子任務(wù)1搭建ECharts開(kāi)發(fā)環(huán)境任務(wù)分析：本任務(wù)的主要內(nèi)容包括下載并安裝ECharts，安裝開(kāi)發(fā)工具HBuilderX，使用HBuilderX開(kāi)發(fā)ECharts項(xiàng)目。1．下載并安裝ECharts2．安裝開(kāi)發(fā)工具HBuilderX3．使用HBuilderX開(kāi)發(fā)ECharts項(xiàng)目1．Echarts簡(jiǎn)介任務(wù)資訊ECharts，一個(gè)純Javascript的圖表庫(kù)，依賴輕量級(jí)的Canvas類庫(kù)Zrender，借助Echarts可以提供基于Web的可視化圖表兼容當(dāng)前絕大部分瀏覽器（IE8月／10/11

,

Chrome,Firefox,Safari等）官方提供了折線圖、柱狀圖、餅圖、散點(diǎn)圖、地圖、雷達(dá)圖、K線圈、箱型圖、熱力圖、關(guān)系圖、矩形樹(shù)圖、平行坐標(biāo)、?；鶊D、漏斗圖、儀表盤等多種圖表1．Echarts簡(jiǎn)介任務(wù)資訊ECharts，一個(gè)純Javascript的圖表庫(kù)，依賴輕量級(jí)的Canvas類庫(kù)Zrender，借助Echarts可以提供基于Web的可視化圖表兼容當(dāng)前絕大部分瀏覽器（IE8月／10/11

,

Chrome,Firefox,Safari等）官方提供了折線圖、柱狀圖、餅圖、散點(diǎn)圖、地圖、雷達(dá)圖、K線圈、箱型圖、熱力圖、關(guān)系圖、矩形樹(shù)圖、平行坐標(biāo)、?；鶊D、漏斗圖、儀表盤等多種圖表2、Echarts官網(wǎng)Echarts官網(wǎng)：/zh/index.html下載echarts插件（https://echarts.apache.org/zh/download.html）任務(wù)資訊2、安裝開(kāi)發(fā)工具HhuilderVSCode任務(wù)資訊3、Echarts開(kāi)發(fā)流程步驟1：引入echarts.js文件步驟2：準(zhǔn)備一個(gè)呈現(xiàn)圖表的盒子步驟3：初始化echarts實(shí)例對(duì)象步驟4：準(zhǔn)備配置項(xiàng)步驟5：將配置項(xiàng)設(shè)置給echarts實(shí)例對(duì)象任務(wù)資訊3、第一幅Echarts可視化圖步驟：1、引入echarts.js文件2、準(zhǔn)備一個(gè)呈現(xiàn)圖標(biāo)的盒子（div）3、初始化echarts實(shí)例對(duì)象4、準(zhǔn)備配置項(xiàng)5、將配置項(xiàng)設(shè)置給echarts實(shí)例對(duì)象任務(wù)資訊1、下載echarts插件2、安裝hbuilder或者vscode3、第一幅可視化圖任務(wù)實(shí)施子任務(wù)2繪制數(shù)碼產(chǎn)品進(jìn)貨量與銷量對(duì)比圖（柱狀圖）任務(wù)分析：某數(shù)碼專營(yíng)店專營(yíng)耳機(jī)、音響，其中無(wú)線藍(lán)牙耳機(jī)銷量一直最好。該數(shù)碼專營(yíng)店2022年上半年無(wú)線藍(lán)牙耳機(jī)的進(jìn)貨量和銷量數(shù)據(jù)，見(jiàn)表2-1-1。利用上面數(shù)據(jù)繪制聚合柱狀圖，橫軸為月份，縱軸為數(shù)量，顯示標(biāo)題、圖例任務(wù)資訊（1）標(biāo)題標(biāo)題組件通過(guò)title進(jìn)行配置，代碼如下3、Echarts組件3、Echarts組件任務(wù)資訊（2）坐標(biāo)軸常見(jiàn)的坐標(biāo)軸是二維直角坐標(biāo)軸，橫軸（xAxis，即x軸）和縱軸（yAxis，即y軸）兩個(gè)組件常被使用，代碼如下：任務(wù)資訊（3）數(shù)據(jù)系列數(shù)據(jù)系列是數(shù)據(jù)的容器，一個(gè)圖表可以包含多個(gè)數(shù)據(jù)系列，多個(gè)系列放在數(shù)組結(jié)構(gòu)中。每個(gè)系列由大括號(hào)組成，包含若干鍵值對(duì)。數(shù)據(jù)系列通過(guò)series進(jìn)行配置，代碼如下：3、Echarts組件任務(wù)資訊（4）圖例圖例組件通過(guò)legend進(jìn)行配置，代碼如下：3、Echarts組件任務(wù)實(shí)施實(shí)現(xiàn)步驟Echarts最基本的代碼結(jié)構(gòu)引入js文件，DOM容器，初始化對(duì)象，準(zhǔn)備option，設(shè)置optionOption相關(guān)配置標(biāo)題坐標(biāo)軸：x軸，y軸數(shù)據(jù)系列圖例03整合活動(dòng)總結(jié)、知識(shí)點(diǎn)梳理學(xué)習(xí)總結(jié)拓展：1、分別安裝Pycharm和Hbuilder(或VScode)，在相應(yīng)編輯器中編輯Echarts，實(shí)現(xiàn)下圖效果拓展任務(wù)《數(shù)據(jù)可視化技術(shù)》單元6Echarts基本組件的使用（二）項(xiàng)目介紹本次課開(kāi)始學(xué)習(xí)項(xiàng)目二：數(shù)碼產(chǎn)品銷售數(shù)據(jù)ECharts可視化數(shù)碼產(chǎn)品主要包括計(jì)算機(jī)、通信和消費(fèi)電子產(chǎn)品。對(duì)數(shù)碼產(chǎn)品銷售數(shù)據(jù)進(jìn)行分析和可視化展示，有助于相關(guān)人員了解各種產(chǎn)品銷售情況，了解哪些是暢銷產(chǎn)品、哪些是冷門產(chǎn)品，幫助改進(jìn)營(yíng)銷和投資。本項(xiàng)目使用ECharts技術(shù)完成對(duì)數(shù)碼產(chǎn)品銷售數(shù)據(jù)的分析與可視化。01準(zhǔn)備活動(dòng)點(diǎn)名、復(fù)習(xí)本次課學(xué)習(xí)內(nèi)容、學(xué)習(xí)目標(biāo)介紹學(xué)習(xí)內(nèi)容任務(wù)一

使用基本組件繪制數(shù)碼產(chǎn)品銷量圖店鋪商家為了直觀地查看各種數(shù)碼產(chǎn)品的銷量情況、進(jìn)貨量與銷量對(duì)比情況，可以借助ECharts開(kāi)發(fā)數(shù)據(jù)圖表，直觀地展示數(shù)據(jù)統(tǒng)計(jì)結(jié)果要使用ECharts進(jìn)行數(shù)據(jù)可視化，需要搭建ECharts開(kāi)發(fā)環(huán)境，設(shè)置ECharts常用組件。本任務(wù)將繪制數(shù)碼產(chǎn)品進(jìn)貨量與銷量對(duì)比圖、2017年—2020年各品牌數(shù)碼產(chǎn)品銷量情況對(duì)比圖任務(wù)分解：子任務(wù)1搭建ECharts開(kāi)發(fā)環(huán)境（已完成）子任務(wù)2繪制數(shù)碼產(chǎn)品進(jìn)貨量與銷量對(duì)比圖(部分完成）子任務(wù)3繪制2017年—2020年各品牌數(shù)碼產(chǎn)品銷量情況對(duì)比圖（

未完成）學(xué)習(xí)目標(biāo)1、知識(shí)（1）掌握提示框、工具欄的設(shè)置和使用（2）掌握Echarts時(shí)間軸、數(shù)據(jù)縮放區(qū)域、網(wǎng)格的設(shè)置2、技能（1）能夠使用Echarts圖表中的提示框、工具欄（2）能夠使用時(shí)間軸、數(shù)據(jù)縮放區(qū)域、網(wǎng)格等組件3、素養(yǎng)（1）嚴(yán)謹(jǐn)認(rèn)真、代碼規(guī)范；（2）數(shù)據(jù)安全、愛(ài)國(guó)精神；（3）信息檢索能力02發(fā)展活動(dòng)任務(wù)分析、任務(wù)資訊、演示講解、任務(wù)實(shí)施子任務(wù)2-2繪制數(shù)碼產(chǎn)品進(jìn)貨量與銷量對(duì)比圖（柱狀圖）任務(wù)分析：上節(jié)課已經(jīng)完成了數(shù)碼產(chǎn)品進(jìn)貨量與銷量對(duì)比圖基礎(chǔ)部分的配置，本任務(wù)將繼續(xù)完善，添加提示框、工具欄、數(shù)據(jù)縮放區(qū)域、網(wǎng)格等組件。1、配置項(xiàng)任務(wù)資訊（1）提示框提示框組件通過(guò)tooltip進(jìn)行配置，代碼如下：1、配置項(xiàng)任務(wù)資訊（2）工具欄工具欄組件通過(guò)toolbox進(jìn)行配置，代碼如下1、配置項(xiàng)任務(wù)資訊（3）數(shù)據(jù)縮放區(qū)域數(shù)據(jù)區(qū)域縮放可以實(shí)現(xiàn)區(qū)域放大、查看數(shù)據(jù)圖表細(xì)節(jié)。前面工具欄組件提供了數(shù)據(jù)縮放按鈕，可以通過(guò)該按鈕實(shí)現(xiàn)區(qū)域的放大和還原。除此之外，也可以利用dataZoom組件，通過(guò)滑動(dòng)條或鼠標(biāo)滾輪實(shí)現(xiàn)縮放數(shù)據(jù)區(qū)域縮放組件通過(guò)dataZoom進(jìn)行配置，代碼如下1、配置項(xiàng)任務(wù)資訊（3）數(shù)據(jù)縮放區(qū)域1、配置項(xiàng)任務(wù)資訊（3）數(shù)據(jù)縮放區(qū)域下面看一個(gè)具體的dataZoom可視化示例，代碼如下圖2-1-10中，可以隨意拖到x軸或y軸滑動(dòng)條的兩端，實(shí)現(xiàn)窗口數(shù)據(jù)縮放。由于x軸的filterMode為filter，y軸的filterMode為empty，則x軸作為主軸，x的縮放會(huì)影響y軸數(shù)據(jù)，y軸作為輔助軸，y軸的縮放不會(huì)影響x軸的數(shù)據(jù)1、配置項(xiàng)任務(wù)資訊（4）時(shí)間軸時(shí)間軸（timeline）組件提供了在多個(gè)EChartsoption間進(jìn)行切換、播放等操作的功能。時(shí)間軸和其他場(chǎng)景有些不同，它需要操作多個(gè)option?？梢詫Charts傳統(tǒng)的option稱為原子option，包含多個(gè)原子option的option稱為復(fù)合option任務(wù)實(shí)施實(shí)現(xiàn)步驟Echarts最基本的代碼結(jié)構(gòu)引入js文件，DOM容器，初始化對(duì)象，準(zhǔn)備option，設(shè)置optionOption相關(guān)配置工具欄提示框網(wǎng)格數(shù)據(jù)區(qū)域縮放子任務(wù)3繪制2017年—2020年各品牌數(shù)碼產(chǎn)品銷量情況對(duì)比圖任務(wù)分析：某通信產(chǎn)品店主要銷售數(shù)碼產(chǎn)品，藍(lán)牙/無(wú)線耳機(jī)銷售是其主打業(yè)務(wù)。為了更好地了解近幾年各種品牌耳機(jī)銷量情況，以便改進(jìn)營(yíng)銷策略，該通信產(chǎn)品店整理了2017年至2020年主要品牌耳機(jī)的銷量數(shù)據(jù)，見(jiàn)表2-1-2。利用上面數(shù)據(jù)在一個(gè)ECharts實(shí)例對(duì)象中繪制4個(gè)子圖，分別顯示2017年—2020年主要品牌的銷售數(shù)據(jù)，子圖橫軸為各品牌耳機(jī)名稱，縱軸為年度銷量。通過(guò)子圖完成各年度銷量對(duì)比。1、配置項(xiàng)任務(wù)資訊（5）網(wǎng)格網(wǎng)格組件通過(guò)grid進(jìn)行配置，代碼如下任務(wù)實(shí)施實(shí)現(xiàn)步驟Echarts最基本的代碼結(jié)構(gòu)引入js文件，DOM容器，初始化對(duì)象，準(zhǔn)備option，設(shè)置optionOption相關(guān)配置要繪制4個(gè)子圖，需要在同一個(gè)ECharts實(shí)例中創(chuàng)建4個(gè)直角坐標(biāo)軸，對(duì)應(yīng)4個(gè)網(wǎng)格，4個(gè)數(shù)據(jù)系列。橫軸、縱軸分別使用gridIndex進(jìn)行編號(hào)，對(duì)應(yīng)網(wǎng)格用數(shù)組編號(hào)。數(shù)據(jù)系列的xAxisIndex、yAxisIndex編號(hào)分別對(duì)應(yīng)橫軸、縱軸的數(shù)組編號(hào)。03整合活動(dòng)總結(jié)、知識(shí)點(diǎn)梳理學(xué)習(xí)總結(jié)拓展：1、繪制成績(jī)展示柱狀圖，效果如下拓展任務(wù)《數(shù)據(jù)可視化技術(shù)》單元7應(yīng)用直角坐標(biāo)軸圖描繪電腦銷量情況項(xiàng)目介紹本次課開(kāi)始學(xué)習(xí)項(xiàng)目二：數(shù)碼產(chǎn)品銷售數(shù)據(jù)ECharts可視化數(shù)碼產(chǎn)品主要包括計(jì)算機(jī)、通信和消費(fèi)電子產(chǎn)品。對(duì)數(shù)碼產(chǎn)品銷售數(shù)據(jù)進(jìn)行分析和可視化展示，有助于相關(guān)人員了解各種產(chǎn)品銷售情況，了解哪些是暢銷產(chǎn)品、哪些是冷門產(chǎn)品，幫助改進(jìn)營(yíng)銷和投資。本項(xiàng)目使用ECharts技術(shù)完成對(duì)數(shù)碼產(chǎn)品銷售數(shù)據(jù)的分析與可視化。01準(zhǔn)備活動(dòng)點(diǎn)名、復(fù)習(xí)本次課學(xué)習(xí)內(nèi)容、學(xué)習(xí)目標(biāo)介紹學(xué)習(xí)內(nèi)容任務(wù)一應(yīng)用直角坐標(biāo)軸圖描繪計(jì)算機(jī)銷量情況為了描述不同品牌的數(shù)碼產(chǎn)品不同月份銷量變化情況，描述產(chǎn)品各月銷量對(duì)比情況，以及影響產(chǎn)品銷量的各種因素之間的關(guān)系，需要靈活運(yùn)用折線圖、柱狀圖、散點(diǎn)圖和氣泡圖繪制各種圖形，幫助商家分析產(chǎn)品銷量情況、影響銷量的因素，有助于商家改進(jìn)經(jīng)營(yíng)方法和手段。任務(wù)分解：子任務(wù)1

3種品牌計(jì)算機(jī)各月銷量折線圖繪制（多線折線圖）子任務(wù)2歷年筆記本計(jì)算機(jī)不同價(jià)位銷量堆疊柱狀圖繪制（堆疊水平柱狀圖）子任務(wù)3繪制聯(lián)想各系列筆記本計(jì)算機(jī)銷售利潤(rùn)情況氣泡圖（氣泡圖）學(xué)習(xí)目標(biāo)1、知識(shí)（1）掌握折線圖、柱狀圖的繪制（2）掌握散點(diǎn)圖、氣泡圖的繪制2、技能（1）能夠繪制折線圖、柱狀圖、散點(diǎn)圖、氣泡圖3、素養(yǎng)（1）嚴(yán)謹(jǐn)認(rèn)真、代碼規(guī)范；（2）數(shù)據(jù)安全、愛(ài)國(guó)精神；（3）信息檢索能力02發(fā)展活動(dòng)任務(wù)分析、任務(wù)資訊、演示講解、任務(wù)實(shí)施子任務(wù)1

3種品牌計(jì)算機(jī)各月銷量折線圖繪制（多線折線圖）任務(wù)分析：某計(jì)算機(jī)專賣店主要銷售品牌計(jì)算機(jī)，2021年3種品牌計(jì)算機(jī)每月銷量見(jiàn)表2-2-1。利用上面數(shù)據(jù)繪制多條折線圖，橫軸為月份，縱軸為數(shù)量，顯示標(biāo)題、提示框、圖例，并顯示每種品牌計(jì)算機(jī)的平均銷量標(biāo)志線。1、折線圖任務(wù)資訊折線圖是一種將點(diǎn)連接成線的基礎(chǔ)圖形，用于表示數(shù)據(jù)的變化趨勢(shì)，一般用在時(shí)間序列中顯示數(shù)據(jù)的趨勢(shì)。（1）基礎(chǔ)折線圖ECharts創(chuàng)建折線圖，需要將數(shù)據(jù)系列（series）中的type設(shè)為line，同時(shí)保證xAxis橫軸數(shù)據(jù)長(zhǎng)度和series縱軸數(shù)據(jù)長(zhǎng)度一致，示例代碼如下1、折線圖任務(wù)資訊（2）多條折線圖當(dāng)series數(shù)組中放入多個(gè)系列數(shù)據(jù)時(shí)，就可以繪制多條折線圖1、折線圖任務(wù)資訊（2）堆疊折線圖為了讓數(shù)據(jù)呈現(xiàn)疊加效果，即從第一個(gè)系列數(shù)據(jù)開(kāi)始，后一個(gè)系列數(shù)據(jù)在前一個(gè)系列數(shù)據(jù)的基礎(chǔ)上，分別累加，并且填充折線與橫軸之間的區(qū)域，那么可以在series參數(shù)的每個(gè)系列中加上stack和areaStyle參數(shù)。stack：Total實(shí)現(xiàn)數(shù)據(jù)的疊加，stack后面引號(hào)內(nèi)容相同即可。areaStyle：{}實(shí)現(xiàn)數(shù)據(jù)區(qū)域的填充，大括號(hào)內(nèi)容可以為空。在上一個(gè)示例基礎(chǔ)上，實(shí)現(xiàn)數(shù)據(jù)堆疊只要修改series參數(shù)即可，代碼如下：任務(wù)實(shí)施ECharts最基本的代碼結(jié)構(gòu)引入js文件,DOM容器,初始化對(duì)象,設(shè)置optionOption設(shè)置：title設(shè)置了標(biāo)題居中顯示。tooltip觸發(fā)條件為item，提示內(nèi)容顯示格式為:{c}(bbokywb%)，代表數(shù)據(jù)項(xiàng)名稱、利潤(rùn)值、利潤(rùn)占比。圖例設(shè)為垂直顯示，右對(duì)齊series中餅圖大小為網(wǎng)格的60%，data項(xiàng)記錄了各系列手機(jī)的名稱（name）和利潤(rùn)（value）步驟：子任務(wù)2

歷年筆記本計(jì)算機(jī)不同價(jià)位銷量堆疊柱狀圖繪制任務(wù)分析：某聯(lián)想筆記本計(jì)算機(jī)專賣店，為了了解客戶對(duì)各種價(jià)位的喜歡程度，梳理了2016年—2022年聯(lián)想筆記本計(jì)算機(jī)各種價(jià)位銷量情況，見(jiàn)表2-2-2。利用上面數(shù)據(jù)繪制堆疊水平柱狀圖，縱軸為年份，橫軸為銷量，同一年份不同價(jià)位的銷售數(shù)據(jù)顯示在同一個(gè)柱子中。圖表顯示標(biāo)題、提示框、圖例。2、柱狀圖任務(wù)資訊柱狀圖一般用于表示類別數(shù)據(jù)的大小，用于數(shù)據(jù)之間的比較，適用于較小的數(shù)據(jù)集分析（1）基礎(chǔ)柱狀圖將series參數(shù)中的type設(shè)置為bar就可以繪制柱狀圖在series參數(shù)中加上showBackground:true，可以為柱子設(shè)置背景色。在series參數(shù)中加上label:{show:true,position:'top'}，可在柱子上方顯示刻度值。在xAxis中加上axisTick:{alignWithLabel:true}，可以設(shè)置坐標(biāo)軸刻度與標(biāo)簽對(duì)齊。2、柱狀圖任務(wù)資訊（2）聚合柱狀圖在一些場(chǎng)景中，橫軸上每一類別可能有兩個(gè)及兩個(gè)以上維度，為了更直觀地顯示各維度信息，需要使用聚合柱狀圖來(lái)表示。聚合柱狀圖會(huì)在series參數(shù)中加入多個(gè)系列的數(shù)據(jù)，一般會(huì)設(shè)置legend圖例，圖例元素與系列個(gè)數(shù)一致。示例如下2、柱狀圖任務(wù)資訊（3）水平柱狀圖要將垂直柱狀圖修改成水平柱狀圖，只需將xAxis、yAxis的內(nèi)容相互交換。如果要顯示柱子刻度值，需要將label的position改成right，則刻度值將在水平柱子的右側(cè)顯示2、柱狀圖任務(wù)資訊（4）堆疊柱狀圖聚合柱狀圖在一個(gè)類別下形成多個(gè)維度的柱子，如果要將多個(gè)維度數(shù)據(jù)放在一個(gè)柱子上并堆疊起來(lái)，顯示成一段一段的效果，則可以創(chuàng)建堆疊柱狀圖。代碼如下：上述代碼series參數(shù)中的每個(gè)系列均代表一個(gè)網(wǎng)店，同一種商品在不同網(wǎng)店的銷售數(shù)據(jù)形成堆疊效果，通過(guò)將stack設(shè)置為Total來(lái)實(shí)現(xiàn)任務(wù)實(shí)施ECharts最基本的代碼結(jié)構(gòu)引入js文件,DOM容器,初始化對(duì)象,設(shè)置optionOption設(shè)置legend的data放置6個(gè)價(jià)位等級(jí)數(shù)據(jù)，分別對(duì)應(yīng)series參數(shù)各系列的名稱yAxis的data放置2016年至2022年7個(gè)標(biāo)簽數(shù)據(jù)series參數(shù)中放置6個(gè)系列數(shù)據(jù)，系列名稱分別對(duì)應(yīng)不同的價(jià)位等級(jí)各系列通過(guò)設(shè)置stack實(shí)現(xiàn)堆疊效果。步驟：子任務(wù)3繪制聯(lián)想各系列筆記本計(jì)算機(jī)銷售利潤(rùn)情況氣泡圖任務(wù)分析：某聯(lián)想筆記本計(jì)算機(jī)天貓專營(yíng)店對(duì)2022年聯(lián)想各系列筆記本計(jì)算機(jī)營(yíng)收情況進(jìn)行了統(tǒng)計(jì)，包括小新系列、拯救者系列、YOGA系列、ThinkBook系列的銷售金額、利潤(rùn)、利潤(rùn)貢獻(xiàn)占比，見(jiàn)表2-2-3利用表2-2-3數(shù)據(jù)繪制氣泡圖，橫軸為銷售金額，縱軸為利潤(rùn)，利潤(rùn)貢獻(xiàn)占比數(shù)值為氣泡大小。圖表顯示標(biāo)題、提示框等信息，提示框要求顯示計(jì)算機(jī)型號(hào)，以及銷售金額、利潤(rùn)1、散點(diǎn)圖任務(wù)資訊散點(diǎn)圖也是一種基礎(chǔ)圖形，一般用于展示兩類數(shù)據(jù)之間的關(guān)系，表示因變量隨自變量變化的大致趨勢(shì)。其價(jià)值在于發(fā)現(xiàn)變量之間的關(guān)系，如線性關(guān)系、指數(shù)關(guān)系、對(duì)數(shù)關(guān)系等，或者沒(méi)有關(guān)系，據(jù)此可以選擇合適的函數(shù)對(duì)數(shù)據(jù)點(diǎn)進(jìn)行擬合，因此更適合作為研究型圖表。制作散點(diǎn)圖需要將series中的type設(shè)置為scatter（1）基礎(chǔ)散點(diǎn)圖基礎(chǔ)散點(diǎn)圖一般是一個(gè)類別的數(shù)據(jù)，數(shù)據(jù)分為x軸、y軸兩個(gè)維度的數(shù)據(jù)，兩個(gè)維度的數(shù)據(jù)可以組成數(shù)組，并放在series的data中。代碼如下所示1、散點(diǎn)圖任務(wù)資訊（2）多類別散點(diǎn)圖基礎(chǔ)散點(diǎn)圖只有一種類別的數(shù)據(jù)，但有時(shí)需要在一個(gè)坐標(biāo)系中顯示不同類別的散點(diǎn)。這就需要用到多類別散點(diǎn)圖，在series參數(shù)中增加新的系列數(shù)據(jù)來(lái)實(shí)現(xiàn)，且一般會(huì)增加圖例進(jìn)行區(qū)別。代碼如下：上述代碼中xAxis、yAxis設(shè)置scale為true，用于控制坐標(biāo)軸數(shù)值范圍，基本上以實(shí)際數(shù)據(jù)的大小范圍設(shè)置縮放比例。代碼運(yùn)行結(jié)果如圖2-2-8所示。1、散點(diǎn)圖任務(wù)資訊（3）氣泡圖氣泡圖與散點(diǎn)圖類似，只是在原來(lái)兩個(gè)維度的基礎(chǔ)上增加了一個(gè)維度的數(shù)據(jù)，用來(lái)表示點(diǎn)的大小。因此，氣泡圖數(shù)據(jù)內(nèi)部數(shù)組應(yīng)該有3個(gè)元素，分別為x軸、y軸、氣泡圖大小的數(shù)據(jù)。代碼如下data內(nèi)部數(shù)組有3個(gè)元素，第3個(gè)元素代表氣泡的大小，在symbolSize中指定，使用function函數(shù)傳遞data并返回下標(biāo)為2的元素來(lái)指定任務(wù)實(shí)施ECharts最基本的代碼結(jié)構(gòu)引入js文件,DOM容器,初始化對(duì)象,設(shè)置optionOption設(shè)置data數(shù)組各列由銷售金額、利潤(rùn)、利潤(rùn)貢獻(xiàn)占比、計(jì)算機(jī)型號(hào)組成數(shù)組下標(biāo)為0的元素，對(duì)應(yīng)x軸的數(shù)值。下標(biāo)為1的元素對(duì)應(yīng)y軸的數(shù)值symbolSize氣泡大小由數(shù)組下標(biāo)為2的元素決定emphasis提示信息由數(shù)組下標(biāo)為3的元素決定，提示標(biāo)簽顯示在上方步驟：03整合活動(dòng)總結(jié)、知識(shí)點(diǎn)梳理學(xué)習(xí)總結(jié)拓展：1、繪制成績(jī)展示柱狀圖，效果如下拓展任務(wù)《數(shù)據(jù)可視化技術(shù)》單元8應(yīng)用非直角坐標(biāo)軸圖描繪手機(jī)經(jīng)營(yíng)情況項(xiàng)目介紹本次課繼續(xù)學(xué)習(xí)項(xiàng)目二：數(shù)碼產(chǎn)品銷售數(shù)據(jù)ECharts可視化數(shù)碼產(chǎn)品主要包括計(jì)算機(jī)、通信和消費(fèi)電子產(chǎn)品。對(duì)數(shù)碼產(chǎn)品銷售數(shù)據(jù)進(jìn)行分析和可視化展示，有助于相關(guān)人員了解各種產(chǎn)品銷售情況，了解哪些是暢銷產(chǎn)品、哪些是冷門產(chǎn)品，幫助改進(jìn)營(yíng)銷和投資。本項(xiàng)目使用ECharts技術(shù)完成對(duì)數(shù)碼產(chǎn)品銷售數(shù)據(jù)的分析與可視化。01準(zhǔn)備活動(dòng)點(diǎn)名、復(fù)習(xí)本次課學(xué)習(xí)內(nèi)容、學(xué)習(xí)目標(biāo)介紹學(xué)習(xí)內(nèi)容任務(wù)三應(yīng)用非直角坐標(biāo)軸圖描繪手機(jī)經(jīng)營(yíng)狀況為了分析不同型號(hào)手機(jī)產(chǎn)品銷售利潤(rùn)占比情況、銷售目標(biāo)達(dá)成情況、影響手機(jī)銷量的因素、手機(jī)產(chǎn)品關(guān)鍵詞搜索熱度等，需要靈活應(yīng)用餅圖、儀表盤、雷達(dá)圖、詞云圖來(lái)繪制圖形，幫助商家總結(jié)經(jīng)營(yíng)情況，做出分析和判斷，改進(jìn)營(yíng)銷策略。任務(wù)分解：子任務(wù)1華為各系列手機(jī)利潤(rùn)占比情況餅圖繪制（餅圖）子任務(wù)2某華為手機(jī)天貓專營(yíng)店年度銷量目標(biāo)達(dá)成情況儀表盤繪制（儀表盤圖）子任務(wù)3手機(jī)購(gòu)買因素分析雷達(dá)圖繪制（雷達(dá)圖）子任務(wù)4手機(jī)產(chǎn)品搜索關(guān)鍵詞熱度的詞云圖繪制（詞云圖）學(xué)習(xí)目標(biāo)1、知識(shí)（1）掌握餅圖、儀表盤圖、雷達(dá)圖、詞云圖的繪制（2）理解餅圖、儀表盤圖、雷達(dá)圖、詞云圖的用途2、技能（1）能夠繪制餅圖、儀表盤圖、雷達(dá)圖、詞云圖3、素養(yǎng)（1）嚴(yán)謹(jǐn)認(rèn)真、代碼規(guī)范；（2）數(shù)據(jù)安全、愛(ài)國(guó)精神；（3）信息檢索能力02發(fā)展活動(dòng)任務(wù)分析、任務(wù)資訊、演示講解、任務(wù)實(shí)施子任務(wù)1華為各系列手機(jī)利潤(rùn)占比情況餅圖繪制（餅圖）任務(wù)分析：某華為手機(jī)天貓專營(yíng)店對(duì)2022年華為各系列手機(jī)銷售利潤(rùn)情況進(jìn)行了統(tǒng)計(jì)，包括Mate系列、P系列、Nova系列、暢享系列的銷售利潤(rùn)，見(jiàn)表2-3-1利用表2-3-1數(shù)據(jù)繪制餅圖，顯示標(biāo)題、圖例，餅圖各扇區(qū)代表各種型號(hào)手機(jī)的銷售利潤(rùn)，鼠標(biāo)移入餅圖顯示各項(xiàng)名稱、利潤(rùn)值及利潤(rùn)占比。1、餅圖任務(wù)資訊餅圖是一種用于展示各項(xiàng)數(shù)據(jù)的大小與各項(xiàng)數(shù)據(jù)總和的比例的基本圖形，通過(guò)扇形或圓環(huán)的大小來(lái)反映各項(xiàng)占總和的比例的大小。ECharts繪制餅圖，需要將ECharts中series的type設(shè)置為pie。（1）基礎(chǔ)餅圖基礎(chǔ)餅圖通過(guò)扇形的大小來(lái)表示各項(xiàng)占比?；A(chǔ)餅圖一般會(huì)設(shè)置標(biāo)題、提示框、圖例、系列等，其中提示框觸發(fā)條件不再是軸（axis），而是項(xiàng)（item）。餅圖中每一個(gè)扇形代表一項(xiàng)數(shù)據(jù)，對(duì)應(yīng)圖例中的每一項(xiàng)值。系列中data各項(xiàng)以字典方式存儲(chǔ)數(shù)據(jù)?；A(chǔ)餅圖的ECharts代碼如下任務(wù)資訊（2）環(huán)形圖環(huán)形圖通過(guò)圓環(huán)的大小來(lái)反映各項(xiàng)所占比例的大小。要?jiǎng)?chuàng)建環(huán)形圖，只需要在series參數(shù)中加上radius，從而規(guī)定內(nèi)環(huán)、外環(huán)直徑即可。環(huán)形圖的ECharts代碼如下1、餅圖任務(wù)實(shí)施ECharts最基本的代碼結(jié)構(gòu)引入js文件,DOM容器,初始化對(duì)象,設(shè)置optionOption設(shè)置：步驟：title設(shè)置了標(biāo)題居中顯示。tooltip觸發(fā)條件為item，提示內(nèi)容顯示格式為:{c}(rn0sfky%)，代表數(shù)據(jù)項(xiàng)名稱、利潤(rùn)值、利潤(rùn)占比。圖例設(shè)為垂直顯示，右對(duì)齊series中餅圖大小為網(wǎng)格的60%，data項(xiàng)記錄了各系列手機(jī)的名稱（name）和利潤(rùn)（value）子任務(wù)2

某華為手機(jī)天貓專營(yíng)店年度銷量目標(biāo)達(dá)成情況儀表盤繪制任務(wù)分析：某華為手機(jī)天貓專營(yíng)店2022年定下的銷售額目標(biāo)是2000萬(wàn)元，實(shí)際營(yíng)銷達(dá)到2006.6931萬(wàn)元，定下的銷售利潤(rùn)目標(biāo)是200萬(wàn)元，實(shí)際利潤(rùn)為188.5456萬(wàn)元。請(qǐng)用儀表盤展示銷售額和利潤(rùn)的目標(biāo)達(dá)成度，兩個(gè)目標(biāo)達(dá)成度制作到一個(gè)儀表盤中任務(wù)資訊1、儀表盤儀表盤是用于表示某事件進(jìn)度狀態(tài)的一種圖形，一般用于強(qiáng)調(diào)或重點(diǎn)展示狀態(tài)值。ECharts繪制儀表盤，需要將series參數(shù)中type設(shè)為gauge?；A(chǔ)儀表盤代碼如下任務(wù)實(shí)施實(shí)現(xiàn)步驟Echarts最基本的代碼結(jié)構(gòu)引入js文件，DOM容器，初始化對(duì)象，準(zhǔn)備option，設(shè)置optionOption相關(guān)配置tooltip提示信息顯示了系列名稱、數(shù)據(jù)項(xiàng)名稱和數(shù)據(jù)值series中有兩個(gè)系列，分別對(duì)應(yīng)兩個(gè)目標(biāo)達(dá)成度的數(shù)據(jù)信息。type為gauge，表示儀表盤圖；radius為80%表示儀表盤半徑是原始大小的80%，默認(rèn)是75%；title為系列標(biāo)題設(shè)置參數(shù)，fontSize可設(shè)置字體大小，offsetCenter可設(shè)置文字位置，位置使用偏離中心點(diǎn)的百分比來(lái)表示；detail為數(shù)值設(shè)置參數(shù)，formatter設(shè)置為{value}%，即數(shù)值顯示格式，同樣可以設(shè)置文字大小和位置；data為數(shù)據(jù)項(xiàng)的值和名稱。子任務(wù)3

手機(jī)購(gòu)買因素分析雷達(dá)圖繪制任務(wù)分析：某手機(jī)專賣店對(duì)魅族、華為、小米3種品牌的手機(jī)購(gòu)買因素進(jìn)行了分析，主要對(duì)比價(jià)格、功能、外觀、穩(wěn)定性、安全性等幾種因素，總結(jié)得到的結(jié)果見(jiàn)表2-3-2。繪制雷達(dá)圖，描繪3種品牌手機(jī)購(gòu)買行為受價(jià)格、功能、外觀、穩(wěn)定性、安全性等幾種因素影響的程度任務(wù)資訊1、雷達(dá)圖雷達(dá)圖用于描述不同單位事物多個(gè)特性的表現(xiàn)差異，從圓心開(kāi)始的多條軸線上顯示多變量數(shù)據(jù)，主要描述多項(xiàng)指標(biāo)的數(shù)值，以及對(duì)應(yīng)的占比情況。ECharts繪制雷達(dá)圖，需要將series參數(shù)中type設(shè)為radar?；A(chǔ)雷達(dá)圖代碼如下：任務(wù)實(shí)施實(shí)現(xiàn)步驟Echarts最基本的代碼結(jié)構(gòu)引入js文件，DOM容器，初始化對(duì)象，準(zhǔn)備option，設(shè)置optionOption相關(guān)配置legend設(shè)置了3項(xiàng)元素的圖例，與后面series中data的name值一致radar參數(shù)設(shè)置了5個(gè)因素的字體外觀、雷達(dá)圖特征指標(biāo)的名稱和數(shù)值范圍series指定了圖表類型，存放了3種品牌手機(jī)的指標(biāo)數(shù)據(jù)。子任務(wù)4

手機(jī)產(chǎn)品搜索關(guān)鍵詞熱度的詞云圖繪制任務(wù)分析：某手機(jī)網(wǎng)絡(luò)銷售平臺(tái)對(duì)最近一個(gè)月用戶搜索手機(jī)產(chǎn)品的關(guān)鍵詞進(jìn)行統(tǒng)計(jì)，得到搜索關(guān)鍵詞排行榜，頻率最高的25個(gè)詞語(yǔ)見(jiàn)表2-3-3請(qǐng)用表2-3-3關(guān)鍵詞排行榜數(shù)據(jù)繪制詞云圖，詞云的形狀為星形。任務(wù)資訊1、詞云圖詞云圖是對(duì)文本中出現(xiàn)頻率較高的詞語(yǔ)予以突出顯示的圖形，詞語(yǔ)頻率越高，字體越大，顯示越突出。詞云圖可以讓瀏覽者快速感知突出的詞語(yǔ)，從而抓住重點(diǎn)，理解主旨。使用ECharts創(chuàng)建詞云圖，需要加載echarts-wordcloud.js插件，即在引入echarts.js后，還得引入echarts-wordcloud.js，引入代碼如下詞云圖代碼如下任務(wù)實(shí)施實(shí)現(xiàn)步驟Echarts最基本的代碼結(jié)構(gòu)引入js文件，DOM容器，初始化對(duì)象，準(zhǔn)備option，設(shè)置optionOption相關(guān)配置首先定義變量words數(shù)組，用于存儲(chǔ)關(guān)鍵詞搜索頻率數(shù)據(jù)option中series定義了圖表類型、網(wǎng)格尺寸大小、詞語(yǔ)字體大小范圍、字體旋轉(zhuǎn)范圍、詞云形狀、字體顏色以及陰影效果data中指定了前面定義的words參數(shù)，用于加載數(shù)據(jù)03整合活動(dòng)總結(jié)、知識(shí)點(diǎn)梳理學(xué)習(xí)總結(jié)拓展：使用Echarts組件繪制漏斗圖、儀表盤圖拓展任務(wù)《數(shù)據(jù)可視化技術(shù)》單元9使用動(dòng)態(tài)柱狀圖描繪各品牌手機(jī)銷售項(xiàng)目介紹項(xiàng)目二：數(shù)碼產(chǎn)品銷售數(shù)據(jù)ECharts可視化數(shù)碼產(chǎn)品主要包括計(jì)算機(jī)、通信和消費(fèi)電子產(chǎn)品。對(duì)數(shù)碼產(chǎn)品銷售數(shù)據(jù)進(jìn)行分析和可視化展示，有助于相關(guān)人員了解各種產(chǎn)品銷售情況，了解哪些是暢銷產(chǎn)品、哪些是冷門產(chǎn)品，幫助改進(jìn)營(yíng)銷和投資。本項(xiàng)目使用ECharts技術(shù)完成對(duì)數(shù)碼產(chǎn)品銷售數(shù)據(jù)的分析與可視化。任務(wù)1使用基本組件繪制數(shù)碼產(chǎn)品銷量圖（已完成）任務(wù)2應(yīng)用直角坐標(biāo)軸圖描繪計(jì)算機(jī)銷量情況（已完成）任務(wù)3應(yīng)用非直角坐標(biāo)軸圖描繪手機(jī)經(jīng)營(yíng)狀況（已完成）任務(wù)4使用動(dòng)態(tài)柱狀圖描繪各品牌手機(jī)近期銷量01準(zhǔn)備活動(dòng)點(diǎn)名、復(fù)習(xí)本次課學(xué)習(xí)內(nèi)容、學(xué)習(xí)目標(biāo)介紹學(xué)習(xí)內(nèi)容任務(wù)四使用動(dòng)態(tài)柱狀圖描繪各品牌手機(jī)近期銷量有時(shí)候?yàn)榱烁又庇^地描述業(yè)務(wù)發(fā)展情況，需要根據(jù)不同的日期（年份、季度、月份、周、日等）動(dòng)態(tài)顯示數(shù)據(jù)及其變化過(guò)程，這時(shí)可制作動(dòng)態(tài)數(shù)據(jù)圖表，其中常見(jiàn)的是動(dòng)態(tài)數(shù)據(jù)柱狀圖。本任務(wù)需要分析近幾年各品牌手機(jī)銷量情況，并用水平條柱動(dòng)態(tài)展示數(shù)據(jù)及其變化過(guò)程，從而對(duì)比分析銷量增長(zhǎng)或降低情況，了解各種品牌手機(jī)銷量排名，以及隨時(shí)間變化的發(fā)展趨勢(shì)。任務(wù)分解：子任務(wù)1基礎(chǔ)動(dòng)態(tài)柱狀圖子任務(wù)2繪制各品牌手機(jī)近期銷量動(dòng)態(tài)排序柱狀圖學(xué)習(xí)目標(biāo)1、知識(shí)（1）掌握基礎(chǔ)動(dòng)態(tài)圖表的繪制（2）掌握動(dòng)態(tài)排序柱狀圖的繪制2、技能（1）能夠繪制基礎(chǔ)動(dòng)態(tài)圖表和動(dòng)態(tài)排序柱狀圖3、素養(yǎng)（1）嚴(yán)謹(jǐn)認(rèn)真、代碼規(guī)范；（2）數(shù)據(jù)安全、愛(ài)國(guó)精神；（3）信息檢索能力02發(fā)展活動(dòng)任務(wù)分析、任務(wù)資訊、演示講解、任務(wù)實(shí)施子任務(wù)1

繪制各品牌手機(jī)近期銷量動(dòng)態(tài)排序柱狀圖任務(wù)分析：某手機(jī)專營(yíng)店對(duì)2021年各種品牌手機(jī)各個(gè)月份銷量進(jìn)行了統(tǒng)計(jì)，結(jié)果見(jiàn)表2-4-1。利用表2-4-1數(shù)據(jù)繪制動(dòng)態(tài)排序柱狀圖，首先顯示2021年各種品牌手機(jī)1月份銷量排序柱狀圖，然后逐步顯示后續(xù)月份銷量情況，每個(gè)月份數(shù)據(jù)在顯示時(shí)有停留，動(dòng)畫(huà)過(guò)渡流暢1．基礎(chǔ)動(dòng)態(tài)圖表任務(wù)資訊ECharts要實(shí)現(xiàn)動(dòng)畫(huà)非常容易，只需要賦予option參數(shù)不同的數(shù)據(jù)，并使用setOption更新即可。通常情況下用戶不需要設(shè)置如何使用動(dòng)畫(huà)，只需要更新數(shù)據(jù)，ECharts就會(huì)找出跟上一次數(shù)據(jù)之間的區(qū)別，自動(dòng)應(yīng)用最合適的過(guò)渡動(dòng)畫(huà)。要設(shè)置周期性更新數(shù)據(jù)，可以使用setInterval方法。setInterval是一個(gè)實(shí)現(xiàn)定時(shí)調(diào)用的方法，可按照指定的周期（以毫秒計(jì)）來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式。setInterval方法會(huì)不停地調(diào)用函數(shù)，直到clearInterval被調(diào)用或窗口被關(guān)閉。語(yǔ)法格式如下：另外要在指定的時(shí)間后調(diào)用函數(shù)或計(jì)算表達(dá)式，可以使用setTimeout()。其語(yǔ)法格式如下1．基礎(chǔ)動(dòng)態(tài)圖表任務(wù)資訊簡(jiǎn)單的基礎(chǔ)動(dòng)態(tài)圖表主要代碼如下2．動(dòng)態(tài)排序柱狀圖任務(wù)資訊動(dòng)態(tài)排序柱狀圖是一種展示數(shù)據(jù)隨時(shí)間變化而變化的圖表，ECharts從版本5開(kāi)始提供內(nèi)置支持。動(dòng)態(tài)排序柱狀圖通常是橫向的柱條，也可以使用縱向的柱條，調(diào)換x軸和y軸的設(shè)置即可動(dòng)態(tài)排序柱狀圖通常會(huì)使用一些與動(dòng)態(tài)數(shù)據(jù)相關(guān)的參數(shù)，常見(jiàn)參數(shù)如下realtimeSort：通常設(shè)為true，表示開(kāi)啟該系列的動(dòng)態(tài)排序效果。yAxis.inverse：通常設(shè)為true，表示y軸從下往上是從小到大的排列。yAxis.animationDuration：建議設(shè)為300，表示第一次柱條排序動(dòng)畫(huà)的時(shí)長(zhǎng)，單位為毫秒yAxis.animationDurationUpdate：建議設(shè)為300，表示第一次之后柱條排序動(dòng)畫(huà)的時(shí)長(zhǎng)，單位為毫秒。yAxis.max：如果想只顯示前n名，將yAxis.max設(shè)為n-1，否則顯示所有柱條。xAxis.max：建議設(shè)為dataMax，表示用數(shù)據(jù)的最大值作為x軸最大值，視覺(jué)效果更好。series.label.valueAnimation：如果想要實(shí)時(shí)改變標(biāo)簽，需要將此參數(shù)設(shè)為true。animationDuration：動(dòng)畫(huà)持續(xù)時(shí)間，如果設(shè)為0，表示第一份數(shù)據(jù)不需要從0開(kāi)始動(dòng)畫(huà)（如果希望從0開(kāi)始則設(shè)為和animationDurationUpdate相同的值）。animationDurationUpdate：建議設(shè)為3000，單位為毫秒，表示每次更新動(dòng)畫(huà)的時(shí)長(zhǎng)，這一數(shù)值應(yīng)與調(diào)用setOption改變數(shù)據(jù)的頻率值相同，即以animationDurationUpdate的頻率調(diào)用setInterval更新數(shù)據(jù)值。2．動(dòng)態(tài)排序柱狀圖任務(wù)資訊一個(gè)簡(jiǎn)單的動(dòng)態(tài)排序柱狀圖，代碼如下任務(wù)實(shí)施ECharts最基本的代碼結(jié)構(gòu)引入js文件,DOM容器,初始化對(duì)象,設(shè)置optionOption設(shè)置：步驟：title設(shè)置了標(biāo)題居中顯示。tooltip觸發(fā)條件為item，提示內(nèi)容顯示格式為:{c}(vqmagcp%)，代表數(shù)據(jù)項(xiàng)名稱、利潤(rùn)值、利潤(rùn)占比。圖例設(shè)為垂直顯示，右對(duì)齊series中餅圖大小為網(wǎng)格的60%，data項(xiàng)記錄了各系列手機(jī)的名稱（name）和利潤(rùn)（value）03整合活動(dòng)總結(jié)、知識(shí)點(diǎn)梳理學(xué)習(xí)總結(jié)拓展：創(chuàng)建動(dòng)態(tài)餅圖拓展任務(wù)某數(shù)碼專營(yíng)店準(zhǔn)備整理2020年—2022年業(yè)務(wù)經(jīng)營(yíng)情況，對(duì)所經(jīng)營(yíng)的耳麥、音響、鍵鼠（鍵盤和鼠標(biāo)的簡(jiǎn)稱）、U盤、轉(zhuǎn)接線等產(chǎn)品的盈利數(shù)據(jù)進(jìn)行了統(tǒng)計(jì)，得到各類產(chǎn)品盈利占比情況，見(jiàn)表2-5-1利用表2-5-1數(shù)據(jù)繪制動(dòng)態(tài)餅圖，分別顯示2020年、2021年和2022年各類產(chǎn)品盈利占比情況，每年的餅圖數(shù)據(jù)暫停3s《數(shù)據(jù)可視化技術(shù)》課題10電器產(chǎn)品營(yíng)銷數(shù)據(jù)異步加載和數(shù)據(jù)集管理01準(zhǔn)備活動(dòng)點(diǎn)名、復(fù)習(xí)本次課學(xué)習(xí)內(nèi)容、學(xué)習(xí)目標(biāo)介紹學(xué)習(xí)內(nèi)容任務(wù)：電器產(chǎn)品營(yíng)銷數(shù)據(jù)的可視化分析：當(dāng)前電子商務(wù)普及，交易數(shù)據(jù)非常龐大。對(duì)電子商務(wù)數(shù)據(jù)通過(guò)可視化手段進(jìn)行分析和圖表展示，可以幫助銷售人員改進(jìn)銷售手段和策略，提高銷售量。本單元講解異步數(shù)據(jù)加載、數(shù)據(jù)集管理、數(shù)據(jù)映射。任務(wù)1、ECharts異步加載數(shù)據(jù)、加載json數(shù)據(jù)任務(wù)2、dataset數(shù)據(jù)集管理學(xué)習(xí)目標(biāo)1、知識(shí)（1）了解異步加載數(shù)據(jù)（2）掌握異步加載數(shù)據(jù)方法（3）理解數(shù)據(jù)集（4）掌握series.encode操作2、技能（1）能夠使用Echarts異步加載數(shù)據(jù)（2）能夠使用dataset進(jìn)行數(shù)據(jù)集管理（3）能夠使用series.encode映射數(shù)據(jù)3、素養(yǎng)（1）嚴(yán)謹(jǐn)認(rèn)真、代碼規(guī)范；（2）數(shù)據(jù)安全、愛(ài)國(guó)精神；（3）信息檢索能力02發(fā)展活動(dòng)任務(wù)分析、任務(wù)資訊、演示講解、任務(wù)實(shí)施子任務(wù)1

ECharts異步加載數(shù)據(jù)、加載json數(shù)據(jù)任務(wù)分析：本任務(wù)的主要內(nèi)容包括異步加載概念，jQuery加載文件方法，loading加載，使用異步加載數(shù)據(jù)開(kāi)發(fā)ECharts項(xiàng)目。1．異步加載概念2．jQuery加載文件方法3．使用異步加載數(shù)據(jù)開(kāi)發(fā)ECharts項(xiàng)目4．loading加載1．異步加載概念任務(wù)資訊異步數(shù)據(jù)加載就是在加載數(shù)據(jù)時(shí)仍然執(zhí)行其他程序，不會(huì)導(dǎo)致其他程序等待加載數(shù)據(jù)完后才執(zhí)行。一般對(duì)不夠重要的、數(shù)據(jù)量較大的圖表使用異步加載方式，這樣才不會(huì)因?yàn)閼?yīng)用程序界面空白、卡頓而影響用戶正常使用。默認(rèn)情況下JavaScript是同步加載的，也就是JavaScript的加載是阻塞的，后面的元素要等待JavaScript加載完畢后才能再加載2．jQuery加載文件方法任務(wù)資訊jQuery的$.get()方法就是一種異步加載文件的方法。jQuery是一個(gè)JavaScript庫(kù)。jQuery極大地簡(jiǎn)化了JavaScript編程。$就是jquery對(duì)象，$()就是jQuery()，在里面可以傳參數(shù)，作用就是獲取元素。jquery中$.，例如$.post()，$.get()，$.ajax()等這些都是jquery這個(gè)對(duì)象的方法。$.get()方法使用HTTPGET請(qǐng)求從服務(wù)器加載數(shù)據(jù)。任務(wù)實(shí)施1、ECharts異步加載數(shù)據(jù)ECharts通常數(shù)據(jù)設(shè)置在setOption中，如果我們需要異步加載數(shù)據(jù)，可以配合jQuery等工具，在異步獲取數(shù)據(jù)后通過(guò)setOption填入數(shù)據(jù)和配置項(xiàng)就行。創(chuàng)建json數(shù)據(jù)，名稱為advertisement.json{“adv":[{"value":451,"name