本申請(qǐng)涉及地圖領(lǐng)域，具體而言，涉及一種ECharts地圖的顯示方法及裝置。
背景技術(shù)：
：商業(yè)級(jí)數(shù)據(jù)圖表(EnterpriseCharts，簡(jiǎn)稱ECharts)，是一款基于HTML5Canvas的企業(yè)級(jí)圖表庫(kù)，在Echarts圖表中提供了便利的地圖組件，該地圖組件能夠按照國(guó)家、省份、地市區(qū)域來展示數(shù)據(jù)，將基于Echarts提供的地圖簡(jiǎn)稱為Echarts地圖。在實(shí)際系統(tǒng)中，常常使用Echarts地圖從地理位置的維度展示業(yè)務(wù)數(shù)據(jù)。頁(yè)面上使用全國(guó)地圖按照省份展示地圖，用戶可以從Echarts地圖中逐一獲取各個(gè)地理位置行政區(qū)域的相關(guān)數(shù)據(jù)，然而，用戶卻無法同時(shí)查看包括多個(gè)地理位置行政區(qū)域的相關(guān)數(shù)據(jù)，即在Echarts地圖中無法查看選定的多個(gè)區(qū)域的相關(guān)數(shù)據(jù)，導(dǎo)致用戶體驗(yàn)度較低。針對(duì)相關(guān)技術(shù)中由于在Echarts地圖中無法查看選定的多個(gè)區(qū)域的相關(guān)數(shù)據(jù)，導(dǎo)致用戶體驗(yàn)度較低的問題，目前尚未提出有效的解決方案。技術(shù)實(shí)現(xiàn)要素：本申請(qǐng)的主要目的在于提供一種ECharts地圖的顯示方法及裝置，以解決相關(guān)技術(shù)中由于在ECharts地圖中無法查看選定的多個(gè)區(qū)域的相關(guān)數(shù)據(jù)，導(dǎo)致用戶體驗(yàn)度較低的問題。為了實(shí)現(xiàn)上述目的，根據(jù)本申請(qǐng)的一個(gè)方面，提供了一種ECharts地圖的顯示方法。該方法包括：在Echarts地圖上檢測(cè)鼠標(biāo)操作事件；如果在Echarts地圖上檢測(cè)到鼠標(biāo)操作事件，確定鼠標(biāo)操作事件在頁(yè)面上的起始坐標(biāo)值和終止坐標(biāo)值；根據(jù)起始坐標(biāo)值和終止坐標(biāo)值確定目標(biāo)范圍，其中，目標(biāo)范圍為根據(jù)起始坐標(biāo)值和終止坐標(biāo)值在Echarts地圖所處的canvas畫布上確定的對(duì)應(yīng)范圍；以及確定目標(biāo)范圍在Echarts地圖上對(duì)應(yīng)的地理位置名稱，并展示地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)。進(jìn)一步地，根據(jù)起始坐標(biāo)值和終止坐標(biāo)值確定目標(biāo)范圍包括：獲取Echarts地圖所處的canvas畫布在頁(yè)面上的定位坐標(biāo)值；根據(jù)起始坐標(biāo)值和定位坐標(biāo)值計(jì)算第一目標(biāo)坐標(biāo)值，其中，第一目標(biāo)坐標(biāo)值為起始坐標(biāo)值在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值；根據(jù)終止坐標(biāo)值和定位坐標(biāo)值計(jì)算第二目標(biāo)坐標(biāo)值，其中，第二目標(biāo)坐標(biāo)值為終止坐標(biāo)值在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值；以及根據(jù)第一 目標(biāo)坐標(biāo)值和第二目標(biāo)坐標(biāo)值確定目標(biāo)范圍。進(jìn)一步地，在Echarts地圖上檢測(cè)鼠標(biāo)操作事件之前，該方法還包括：確定Echarts地圖上所有的地理位置名稱；利用預(yù)設(shè)接口分別獲取Echarts地圖上每個(gè)地理位置名稱在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值；以及將Echarts地圖上所有的地理位置名稱和Echarts地圖上每個(gè)地理位置名稱在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值存儲(chǔ)至預(yù)設(shè)數(shù)據(jù)庫(kù)。進(jìn)一步地，確定目標(biāo)范圍在Echarts地圖上對(duì)應(yīng)的地理位置名稱包括：在預(yù)設(shè)數(shù)據(jù)庫(kù)中查找目標(biāo)范圍內(nèi)的坐標(biāo)值；以及獲取查找到的坐標(biāo)值在預(yù)設(shè)數(shù)據(jù)庫(kù)中對(duì)應(yīng)的地理位置名稱。進(jìn)一步地，展示地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)包括：在與地理位置名稱對(duì)應(yīng)的多種數(shù)據(jù)中確定目標(biāo)數(shù)據(jù)；創(chuàng)建目標(biāo)列表，其中，目標(biāo)列表中包括地理位置名稱和地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)；以及顯示目標(biāo)列表。為了實(shí)現(xiàn)上述目的，根據(jù)本申請(qǐng)的另一方面，提供了一種ECharts地圖的顯示裝置。該裝置包括：檢測(cè)單元，用于在Echarts地圖上檢測(cè)鼠標(biāo)操作事件；第一確定單元，用于在Echarts地圖上檢測(cè)到鼠標(biāo)操作事件的情況下，確定鼠標(biāo)操作事件在頁(yè)面上的起始坐標(biāo)值和終止坐標(biāo)值；第二確定單元，用于根據(jù)起始坐標(biāo)值和終止坐標(biāo)值確定目標(biāo)范圍，其中，目標(biāo)范圍為根據(jù)起始坐標(biāo)值和終止坐標(biāo)值在Echarts地圖所處的canvas畫布上確定的對(duì)應(yīng)范圍；以及第三確定單元，用于確定目標(biāo)范圍在Echarts地圖上對(duì)應(yīng)的地理位置名稱，并展示地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)。進(jìn)一步地，第二確定單元包括：第一獲取模塊，用于獲取Echarts地圖所處的canvas畫布在頁(yè)面上的定位坐標(biāo)值；第一計(jì)算模塊，用于根據(jù)起始坐標(biāo)值和定位坐標(biāo)值計(jì)算第一目標(biāo)坐標(biāo)值，其中，第一目標(biāo)坐標(biāo)值為起始坐標(biāo)值在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值；第二計(jì)算模塊，用于根據(jù)終止坐標(biāo)值和定位坐標(biāo)值計(jì)算第二目標(biāo)坐標(biāo)值，其中，第二目標(biāo)坐標(biāo)值為終止坐標(biāo)值在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值；以及第一確定模塊，用于根據(jù)第一目標(biāo)坐標(biāo)值和第二目標(biāo)坐標(biāo)值確定目標(biāo)范圍。進(jìn)一步地，該裝置還包括：第四確定單元，用于確定Echarts地圖上所有的地理位置名稱；獲取單元，用于利用預(yù)設(shè)接口分別獲取Echarts地圖上每個(gè)地理位置名稱在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值；以及存儲(chǔ)單元，用于將Echarts地圖上所有的地理位置名稱和Echarts地圖上每個(gè)地理位置名稱在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值存儲(chǔ)至預(yù)設(shè)數(shù)據(jù)庫(kù)。進(jìn)一步地，第三確定單元包括：查找模塊，用于在預(yù)設(shè)數(shù)據(jù)庫(kù)中查找目標(biāo)范圍內(nèi) 的坐標(biāo)值；以及第二獲取模塊，用于獲取查找到的坐標(biāo)值在預(yù)設(shè)數(shù)據(jù)庫(kù)中對(duì)應(yīng)的地理位置名稱。進(jìn)一步地，第三確定單元包括：第二確定模塊，用于在與地理位置名稱對(duì)應(yīng)的多種數(shù)據(jù)中確定目標(biāo)數(shù)據(jù)；創(chuàng)建模塊，用于創(chuàng)建目標(biāo)列表，其中，目標(biāo)列表中包括地理位置名稱和地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)；以及顯示模塊，用于顯示目標(biāo)列表。通過本申請(qǐng)，采用以下步驟：在Echarts地圖上檢測(cè)鼠標(biāo)操作事件；如果在Echarts地圖上檢測(cè)到鼠標(biāo)操作事件，確定鼠標(biāo)操作事件在頁(yè)面上的起始坐標(biāo)值和終止坐標(biāo)值；根據(jù)起始坐標(biāo)值和終止坐標(biāo)值確定目標(biāo)范圍，其中，目標(biāo)范圍為根據(jù)起始坐標(biāo)值和終止坐標(biāo)值在Echarts地圖所處的canvas畫布上確定的對(duì)應(yīng)范圍；以及確定目標(biāo)范圍在Echarts地圖上對(duì)應(yīng)的地理位置名稱，并展示地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)，解決了相關(guān)技術(shù)中由于在ECharts地圖中無法查看選定的多個(gè)區(qū)域的相關(guān)數(shù)據(jù)，導(dǎo)致用戶體驗(yàn)度較低的問題。通過在Echarts地圖上計(jì)算目標(biāo)范圍(選定區(qū)域范圍)的坐標(biāo)范圍，獲取選定區(qū)域中包含的地理位置名稱，從而展示地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)，實(shí)現(xiàn)了在ECharts地圖中能夠查看選定的多個(gè)區(qū)域的相關(guān)數(shù)據(jù)，進(jìn)而達(dá)到了提升用戶體驗(yàn)度的效果。附圖說明構(gòu)成本申請(qǐng)的一部分的附圖用來提供對(duì)本申請(qǐng)的進(jìn)一步理解，本申請(qǐng)的示意性實(shí)施例及其說明用于解釋本申請(qǐng)，并不構(gòu)成對(duì)本申請(qǐng)的不當(dāng)限定。在附圖中：圖1是根據(jù)本申請(qǐng)實(shí)施例的ECharts地圖的顯示方法的流程圖；以及圖2是根據(jù)本申請(qǐng)實(shí)施例的ECharts地圖的顯示裝置的示意圖。具體實(shí)施方式需要說明的是，在不沖突的情況下，本申請(qǐng)中的實(shí)施例及實(shí)施例中的特征可以相互組合。下面將參考附圖并結(jié)合實(shí)施例來詳細(xì)說明本申請(qǐng)。為了使本
技術(shù)領(lǐng)域：
的人員更好地理解本申請(qǐng)方案，下面將結(jié)合本申請(qǐng)實(shí)施例中的附圖，對(duì)本申請(qǐng)實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本申請(qǐng)一部分的實(shí)施例，而不是全部的實(shí)施例。基于本申請(qǐng)中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都應(yīng)當(dāng)屬于本申請(qǐng)保護(hù)的范圍。需要說明的是，本申請(qǐng)的說明書和權(quán)利要求書及上述附圖中的術(shù)語“第一”、“第 二”等是用于區(qū)別類似的對(duì)象，而不必用于描述特定的順序或先后次序。應(yīng)該理解這樣使用的數(shù)據(jù)在適當(dāng)情況下可以互換，以便這里描述的本申請(qǐng)的實(shí)施例。此外，術(shù)語“包括”和“具有”以及他們的任何變形，意圖在于覆蓋不排他的包含，例如，包含了一系列步驟或單元的過程、方法、系統(tǒng)、產(chǎn)品或設(shè)備不必限于清楚地列出的那些步驟或單元，而是可包括沒有清楚地列出的或?qū)τ谶@些過程、方法、產(chǎn)品或設(shè)備固有的其它步驟或單元。根據(jù)本申請(qǐng)的實(shí)施例，提供了一種ECharts地圖的顯示方法。圖1是根據(jù)本申請(qǐng)實(shí)施例的ECharts地圖的顯示方法的流程圖。如圖1所示，該方法包括以下步驟：步驟S101，在Echarts地圖上檢測(cè)鼠標(biāo)操作事件。在Echarts圖表中提供了便利的地圖組件，該地圖組件能夠提供按照國(guó)家、省份、地市區(qū)域來展示數(shù)據(jù)，在本申請(qǐng)中將基于Echarts提供的地圖簡(jiǎn)稱為Echarts地圖。本申請(qǐng)中提及的頁(yè)面均是指的瀏覽器頁(yè)面。在Echarts地圖上檢測(cè)鼠標(biāo)操作事件之前，在頁(yè)面中初始化Echarts地圖。對(duì)在本申請(qǐng)中的對(duì)Echarts地圖進(jìn)行初始化即是在瀏覽器頁(yè)面上繪制出Echarts地圖的過程，為了后續(xù)獲取Echarts地圖上的地理位置名稱和其對(duì)應(yīng)的坐標(biāo)，因此需要在頁(yè)面上對(duì)Echarts地圖進(jìn)行初始化?？蛇x地，在本申請(qǐng)實(shí)施例提供的Echarts地圖的顯示方法中，在Echarts地圖上檢測(cè)鼠標(biāo)操作事件之前，該方法還包括：確定Echarts地圖上所有的地理位置名稱；利用預(yù)設(shè)接口分別獲取Echarts地圖上每個(gè)地理位置名稱在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值；以及將Echarts地圖上所有的地理位置名稱和Echarts地圖上每個(gè)地理位置名稱在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值存儲(chǔ)至預(yù)設(shè)數(shù)據(jù)庫(kù)。例如，Echarts地圖上包括北京、天津、唐山、保定等地理位置名稱，根據(jù)實(shí)際的地理位置名稱從Echarts的接口getPosByGeoName，獲取該城市在實(shí)際繪制完地圖上的實(shí)際坐標(biāo)，即獲取到北京在canvas畫布上的實(shí)際坐標(biāo)為(116.46，39.92)，天津在canvas畫布上的實(shí)際坐標(biāo)為(117.2，39.13)，唐山在canvas畫布上的實(shí)際坐標(biāo)為(118.02，39.63)，保定在canvas畫布上的實(shí)際坐標(biāo)為(115.48，38.85)等等，將北京及其對(duì)應(yīng)的坐標(biāo)值，天津及其對(duì)應(yīng)的坐標(biāo)值等等存儲(chǔ)至預(yù)設(shè)數(shù)據(jù)庫(kù)。在一些應(yīng)用場(chǎng)景下，用戶可能在ECharts地圖中選定區(qū)域，查看選定區(qū)域的相關(guān)數(shù)據(jù)，用戶選定區(qū)域通常是通過按下鼠標(biāo)左鍵、不松開左鍵并在ECharts地圖范圍內(nèi)拖動(dòng)鼠標(biāo)，然后松開鼠標(biāo)，通過此過程來選定目標(biāo)區(qū)域。在本申請(qǐng)中，將在Echarts地圖上檢測(cè)(或者監(jiān)聽)鼠標(biāo)左鍵被點(diǎn)擊、鼠標(biāo)左鍵被持續(xù)按下并在ECharts地圖范圍內(nèi)鼠標(biāo)被拖動(dòng)，然后鼠標(biāo)左鍵被松開整個(gè)過程的事件稱為鼠標(biāo)操作事件。步驟S102，如果在Echarts地圖上檢測(cè)到鼠標(biāo)操作事件，確定鼠標(biāo)操作事件在頁(yè)面上的起始坐標(biāo)值和終止坐標(biāo)值。如果在Echarts地圖上檢測(cè)到鼠標(biāo)左鍵被點(diǎn)擊、鼠標(biāo)左鍵被持續(xù)按下并在ECharts地圖范圍內(nèi)鼠標(biāo)被拖動(dòng)，然后鼠標(biāo)左鍵被松開整個(gè)過程的事件，即檢測(cè)到鼠標(biāo)操作事件，確定鼠標(biāo)操作事件在頁(yè)面上的起始坐標(biāo)值和終止坐標(biāo)值。在本申請(qǐng)中，在Echarts地圖上鼠標(biāo)左鍵被點(diǎn)擊的點(diǎn)記為A，點(diǎn)A即框選的目標(biāo)區(qū)域的左上角，在Echarts地圖上鼠標(biāo)左鍵被松開記為B，點(diǎn)B即為框選的目標(biāo)區(qū)域的右下角。即點(diǎn)A即為鼠標(biāo)操作事件在頁(yè)面上的起始坐標(biāo)值，點(diǎn)B即為鼠標(biāo)操作事件在頁(yè)面上的終止坐標(biāo)值。例如，在Echarts地圖上鼠標(biāo)左鍵被點(diǎn)擊的點(diǎn)A(起始坐標(biāo)值)為(120px，20px)，在頁(yè)面上單位為px，即在框選區(qū)域開始時(shí)，距離頁(yè)面左邊距離為：120px；鼠標(biāo)距離頁(yè)面頂部距離為20px。在Echarts地圖上鼠標(biāo)左鍵被松開的點(diǎn)B(終止坐標(biāo)值)為(300px，210px)，即在框選區(qū)域結(jié)束時(shí)，距離頁(yè)面左邊距離為：300px；鼠標(biāo)距離頁(yè)面頂部距離為210px。步驟S103，根據(jù)起始坐標(biāo)值和終止坐標(biāo)值確定目標(biāo)范圍，其中，目標(biāo)范圍為根據(jù)起始坐標(biāo)值和終止坐標(biāo)值在Echarts地圖所處的canvas畫布上確定的對(duì)應(yīng)范圍?？蛇x地，在本申請(qǐng)實(shí)施例提供的Echarts地圖的顯示方法中，根據(jù)起始坐標(biāo)值和終止坐標(biāo)值確定目標(biāo)范圍包括：獲取Echarts地圖所處的canvas畫布在頁(yè)面上的定位坐標(biāo)值；根據(jù)起始坐標(biāo)值和定位坐標(biāo)值計(jì)算第一目標(biāo)坐標(biāo)值，其中，第一目標(biāo)坐標(biāo)值為起始坐標(biāo)值在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值；根據(jù)終止坐標(biāo)值和定位坐標(biāo)值計(jì)算第二目標(biāo)坐標(biāo)值，其中，第二目標(biāo)坐標(biāo)值為終止坐標(biāo)值在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值；以及根據(jù)第一目標(biāo)坐標(biāo)值和第二目標(biāo)坐標(biāo)值確定目標(biāo)范圍。例如，Canvas畫布在頁(yè)面上的定位坐標(biāo)為(100px，10px)，即Canvas畫布距離頁(yè)面左邊距離為100px，Canvas畫布距離頁(yè)面頂部距離為10px，在Echarts地圖上鼠標(biāo)左鍵被點(diǎn)擊的點(diǎn)A(起始坐標(biāo)值)為(120px，20px)，在Echarts地圖上鼠標(biāo)左鍵被松開的點(diǎn)B(終止坐標(biāo)值)為(300px，210px)，根據(jù)起始坐標(biāo)值和定位坐標(biāo)值計(jì)算第一目標(biāo)坐標(biāo)值，即檢測(cè)到鼠標(biāo)被按下左鍵時(shí)，光標(biāo)距離canvas畫布的左側(cè)距離為120-100＝20px；距離canvas畫布上側(cè)的距離為20-10＝10px；根據(jù)終止坐標(biāo)值和定位坐標(biāo)值計(jì)算第二目標(biāo)坐標(biāo)值，即檢測(cè)到鼠標(biāo)左鍵被松開時(shí)，光標(biāo)距離canvas畫布的左側(cè) 距離為300-100＝200px；距離canvas畫布上側(cè)的距離為210-10＝200px；根據(jù)第一目標(biāo)坐標(biāo)值和第二目標(biāo)坐標(biāo)值確定目標(biāo)范圍即為：20<＝x<＝200，10<＝y(tǒng)<＝200，其中，x為橫坐標(biāo)，y為縱坐標(biāo)，凡是滿足此目標(biāo)范圍的坐標(biāo)都是被框選中的坐標(biāo)。步驟S104，確定目標(biāo)范圍在Echarts地圖上對(duì)應(yīng)的地理位置名稱，并展示地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)?？蛇x地，在本申請(qǐng)實(shí)施例提供的Echarts地圖的顯示方法中，確定目標(biāo)范圍在Echarts地圖上對(duì)應(yīng)的地理位置名稱包括：在預(yù)設(shè)數(shù)據(jù)庫(kù)中查找目標(biāo)范圍內(nèi)的坐標(biāo)值；以及獲取查找到的坐標(biāo)值在預(yù)設(shè)數(shù)據(jù)庫(kù)中對(duì)應(yīng)的地理位置名稱。展示地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)包括：在與地理位置名稱對(duì)應(yīng)的多種數(shù)據(jù)中確定目標(biāo)數(shù)據(jù)；創(chuàng)建目標(biāo)列表，其中，目標(biāo)列表中包括地理位置名稱和地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)；以及顯示目標(biāo)列表。例如，目標(biāo)范圍為20<＝x<＝200，10<＝y(tǒng)<＝200，在預(yù)設(shè)數(shù)據(jù)庫(kù)中查找目標(biāo)范圍內(nèi)的坐標(biāo)值；查找到預(yù)設(shè)數(shù)據(jù)庫(kù)中(116.46，39.92)，(117.2，39.13)，(118.02，39.63)，(115.48，38.85)等等坐標(biāo)在目標(biāo)范圍內(nèi)，獲取上述坐標(biāo)值在預(yù)設(shè)數(shù)據(jù)庫(kù)中對(duì)應(yīng)的地理位置名稱，獲取到上述坐標(biāo)值對(duì)應(yīng)的地理位置名稱為北京、天津、唐山、保定等等。在數(shù)據(jù)庫(kù)中存儲(chǔ)有與北京、天津、唐山、保定等等地區(qū)對(duì)應(yīng)的多種數(shù)據(jù)，例如，網(wǎng)站訪問量、微博情緒值、網(wǎng)站搜索關(guān)鍵詞等等多種業(yè)務(wù)數(shù)據(jù)，確定需要在框選出的北京、天津、唐山、保定等等地區(qū)展示的目標(biāo)數(shù)據(jù)，如果目標(biāo)數(shù)據(jù)為網(wǎng)站訪問量，北京地區(qū)的網(wǎng)站訪問量為879542321、天津地區(qū)的網(wǎng)站訪問量為51854705，根據(jù)北京地區(qū)的網(wǎng)站訪問量，天津地區(qū)的網(wǎng)站訪問量等等創(chuàng)建目標(biāo)列表，創(chuàng)建的目標(biāo)列表如下表1所示：表1地理位置名稱網(wǎng)站訪問量北京879542321天津51854705唐山35514220保定36715986顯示創(chuàng)建的目標(biāo)列表。用戶可以直觀的通過目標(biāo)列表獲取框選區(qū)域的相關(guān)數(shù)據(jù)，從而，提升了用戶的體驗(yàn)度。綜上所述，本申請(qǐng)通過計(jì)算框選區(qū)域的坐標(biāo)范圍，獲取框選地圖區(qū)域內(nèi)的地理位置信息，再展示框選的區(qū)域的地理位置信息的相關(guān)數(shù)據(jù)，從而實(shí)現(xiàn)詳細(xì)展示框選區(qū)域 內(nèi)部的詳細(xì)信息，也為數(shù)據(jù)的進(jìn)一步詳細(xì)展示提供了一種良好的交互方式。本申請(qǐng)實(shí)施例提供的ECharts地圖的顯示方法，通過在Echarts地圖上檢測(cè)鼠標(biāo)操作事件；如果在Echarts地圖上檢測(cè)到鼠標(biāo)操作事件，確定鼠標(biāo)操作事件在頁(yè)面上的起始坐標(biāo)值和終止坐標(biāo)值；根據(jù)起始坐標(biāo)值和終止坐標(biāo)值確定目標(biāo)范圍，其中，目標(biāo)范圍為根據(jù)起始坐標(biāo)值和終止坐標(biāo)值在Echarts地圖所處的canvas畫布上確定的對(duì)應(yīng)范圍；以及確定目標(biāo)范圍在Echarts地圖上對(duì)應(yīng)的地理位置名稱，并展示地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)，解決了相關(guān)技術(shù)中由于在ECharts地圖中無法查看選定的多個(gè)區(qū)域的相關(guān)數(shù)據(jù)，導(dǎo)致用戶體驗(yàn)度較低的問題。通過在Echarts地圖上計(jì)算目標(biāo)范圍(選定區(qū)域范圍)的坐標(biāo)范圍，獲取選定區(qū)域中包含的地理位置名稱，從而展示地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)，實(shí)現(xiàn)了在ECharts地圖中能夠查看選定的多個(gè)區(qū)域的相關(guān)數(shù)據(jù)，進(jìn)而達(dá)到了提升用戶體驗(yàn)度的效果。需要說明的是，在附圖的流程圖示出的步驟可以在諸如一組計(jì)算機(jī)可執(zhí)行指令的計(jì)算機(jī)系統(tǒng)中執(zhí)行，并且，雖然在流程圖中示出了邏輯順序，但是在某些情況下，可以以不同于此處的順序執(zhí)行所示出或描述的步驟。本申請(qǐng)實(shí)施例還提供了一種ECharts地圖的顯示裝置，需要說明的是，本申請(qǐng)實(shí)施例的ECharts地圖的顯示裝置可以用于執(zhí)行本申請(qǐng)實(shí)施例所提供的用于ECharts地圖的顯示方法。以下對(duì)本申請(qǐng)實(shí)施例提供的ECharts地圖的顯示裝置進(jìn)行介紹。圖2是根據(jù)本申請(qǐng)實(shí)施例的ECharts地圖的顯示裝置的示意圖。如圖2所示，該裝置包括：檢測(cè)單元10、第一確定單元20、第二確定單元30和第三確定單元40。檢測(cè)單元10，用于在Echarts地圖上檢測(cè)鼠標(biāo)操作事件。第一確定單元20，用于在Echarts地圖上檢測(cè)到鼠標(biāo)操作事件的情況下，確定鼠標(biāo)操作事件在頁(yè)面上的起始坐標(biāo)值和終止坐標(biāo)值。第二確定單元30，用于根據(jù)起始坐標(biāo)值和終止坐標(biāo)值確定目標(biāo)范圍，其中，目標(biāo)范圍為根據(jù)起始坐標(biāo)值和終止坐標(biāo)值在Echarts地圖所處的canvas畫布上確定的對(duì)應(yīng)范圍。第三確定單元40，用于確定目標(biāo)范圍在Echarts地圖上對(duì)應(yīng)的地理位置名稱，并展示地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)。本申請(qǐng)實(shí)施例提供的ECharts地圖的顯示裝置，通過檢測(cè)單元10在Echarts地圖上檢測(cè)鼠標(biāo)操作事件；第一確定單元20在Echarts地圖上檢測(cè)到鼠標(biāo)操作事件的情況下，確定鼠標(biāo)操作事件在頁(yè)面上的起始坐標(biāo)值和終止坐標(biāo)值；第二確定單元30根據(jù)起始坐標(biāo)值和終止坐標(biāo)值確定目標(biāo)范圍，其中，目標(biāo)范圍為根據(jù)起始坐標(biāo)值和終止坐標(biāo) 值在Echarts地圖所處的canvas畫布上確定的對(duì)應(yīng)范圍；以及第三確定單元40確定目標(biāo)范圍在Echarts地圖上對(duì)應(yīng)的地理位置名稱，并展示地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)，解決了相關(guān)技術(shù)中由于在ECharts地圖中無法查看選定的多個(gè)區(qū)域的相關(guān)數(shù)據(jù)，導(dǎo)致用戶體驗(yàn)度較低的問題。通過在Echarts地圖上計(jì)算目標(biāo)范圍(選定區(qū)域范圍)的坐標(biāo)范圍，獲取選定區(qū)域中包含的地理位置名稱，從而展示地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)，實(shí)現(xiàn)了在ECharts地圖中能夠查看選定的多個(gè)區(qū)域的相關(guān)數(shù)據(jù)，進(jìn)而達(dá)到了提升用戶體驗(yàn)度的效果?？蛇x地，在本申請(qǐng)實(shí)施例提供的ECharts地圖的顯示裝置中，第二確定單元30包括：第一獲取模塊，用于獲取Echarts地圖所處的canvas畫布在頁(yè)面上的定位坐標(biāo)值；第一計(jì)算模塊，用于根據(jù)起始坐標(biāo)值和定位坐標(biāo)值計(jì)算第一目標(biāo)坐標(biāo)值，其中，第一目標(biāo)坐標(biāo)值為起始坐標(biāo)值在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值；第二計(jì)算模塊，用于根據(jù)終止坐標(biāo)值和定位坐標(biāo)值計(jì)算第二目標(biāo)坐標(biāo)值，其中，第二目標(biāo)坐標(biāo)值為終止坐標(biāo)值在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值；以及第一確定模塊，用于根據(jù)第一目標(biāo)坐標(biāo)值和第二目標(biāo)坐標(biāo)值確定目標(biāo)范圍?？蛇x地，在本申請(qǐng)實(shí)施例提供的ECharts地圖的顯示裝置中，該裝置還包括：第四確定單元，用于確定Echarts地圖上所有的地理位置名稱；獲取單元，用于利用預(yù)設(shè)接口分別獲取Echarts地圖上每個(gè)地理位置名稱在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值；以及存儲(chǔ)單元，用于將Echarts地圖上所有的地理位置名稱和Echarts地圖上每個(gè)地理位置名稱在Echarts地圖所處的canvas畫布上對(duì)應(yīng)的坐標(biāo)值存儲(chǔ)至預(yù)設(shè)數(shù)據(jù)庫(kù)?？蛇x地，在本申請(qǐng)實(shí)施例提供的ECharts地圖的顯示裝置中，第三確定單元40包括：查找模塊，用于在預(yù)設(shè)數(shù)據(jù)庫(kù)中查找目標(biāo)范圍內(nèi)的坐標(biāo)值；以及第二獲取模塊，用于獲取查找到的坐標(biāo)值在預(yù)設(shè)數(shù)據(jù)庫(kù)中對(duì)應(yīng)的地理位置名稱?？蛇x地，在本申請(qǐng)實(shí)施例提供的ECharts地圖的顯示裝置中，第三確定單元40包括：第二確定模塊，用于在與地理位置名稱對(duì)應(yīng)的多種數(shù)據(jù)中確定目標(biāo)數(shù)據(jù)；創(chuàng)建模塊，用于創(chuàng)建目標(biāo)列表，其中，目標(biāo)列表中包括地理位置名稱和地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)；以及顯示模塊，用于顯示目標(biāo)列表。所述ECharts地圖的顯示裝置包括處理器和存儲(chǔ)器，上述檢測(cè)單元、第一確定單元、第二確定單元和第三確定單元等均作為程序單元存儲(chǔ)在存儲(chǔ)器中，由處理器執(zhí)行存儲(chǔ)在存儲(chǔ)器中的上述程序單元實(shí)現(xiàn)相應(yīng)功能。處理器中包含內(nèi)核，由內(nèi)核去存儲(chǔ)器中調(diào)取相應(yīng)的程序單元。內(nèi)核可以設(shè)置一個(gè)或以上，通過調(diào)整內(nèi)核參數(shù)顯示ECharts地圖。存儲(chǔ)器可能包括計(jì)算機(jī)可讀介質(zhì)中的非永久性存儲(chǔ)器，隨機(jī)存取存儲(chǔ)器(RAM)和/或非易失性內(nèi)存等形式，如只讀存儲(chǔ)器(ROM)或閃存(flashRAM)，存儲(chǔ)器包括至少一個(gè)存儲(chǔ)芯片。本申請(qǐng)還提供了一種計(jì)算機(jī)程序產(chǎn)品的實(shí)施例，當(dāng)在數(shù)據(jù)處理設(shè)備上執(zhí)行時(shí)，適于執(zhí)行初始化有如下方法步驟的程序代碼：在ECharts地圖上檢測(cè)鼠標(biāo)操作事件；如果在ECharts地圖上檢測(cè)到鼠標(biāo)操作事件，確定鼠標(biāo)操作事件在頁(yè)面上的起始坐標(biāo)值和終止坐標(biāo)值；根據(jù)起始坐標(biāo)值和終止坐標(biāo)值確定目標(biāo)范圍，其中，目標(biāo)范圍為根據(jù)起始坐標(biāo)值和終止坐標(biāo)值在ECharts地圖所處的canvas畫布上確定的對(duì)應(yīng)范圍；以及確定目標(biāo)范圍在ECharts地圖上對(duì)應(yīng)的地理位置名稱，并展示地理位置名稱對(duì)應(yīng)的目標(biāo)數(shù)據(jù)。需要說明的是，對(duì)于前述的各方法實(shí)施例，為了簡(jiǎn)單描述，故將其都表述為一系列的動(dòng)作組合，但是本領(lǐng)域技術(shù)人員應(yīng)該知悉，本申請(qǐng)并不受所描述的動(dòng)作順序的限制，因?yàn)橐罁?jù)本申請(qǐng)，某些步驟可以采用其他順序或者同時(shí)進(jìn)行。其次，本領(lǐng)域技術(shù)人員也應(yīng)該知悉，說明書中所描述的實(shí)施例均屬于優(yōu)選實(shí)施例，所涉及的動(dòng)作和模塊并不一定是本申請(qǐng)所必須的。在上述實(shí)施例中，對(duì)各個(gè)實(shí)施例的描述都各有側(cè)重，某個(gè)實(shí)施例中沒有詳述的部分，可以參見其他實(shí)施例的相關(guān)描述。在本申請(qǐng)所提供的幾個(gè)實(shí)施例中，應(yīng)該理解到，所揭露的裝置，可通過其它的方式實(shí)現(xiàn)。例如，以上所描述的裝置實(shí)施例僅僅是示意性的，例如所述單元的劃分，僅僅為一種邏輯功能劃分，實(shí)際實(shí)現(xiàn)時(shí)可以有另外的劃分方式，例如多個(gè)單元或組件可以結(jié)合或者可以集成到另一個(gè)系統(tǒng)，或一些特征可以忽略，或不執(zhí)行。所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個(gè)地方，或者也可以分布到多個(gè)網(wǎng)絡(luò)單元上。可以根據(jù)實(shí)際的需要選擇其中的部分或者全部單元來實(shí)現(xiàn)本實(shí)施例方案的目的。另外，在本申請(qǐng)各個(gè)實(shí)施例中的各功能單元可以集成在一個(gè)處理單元中，也可以是各個(gè)單元單獨(dú)物理存在，也可以兩個(gè)或兩個(gè)以上單元集成在一個(gè)單元中。上述集成的單元既可以采用硬件的形式實(shí)現(xiàn)，也可以采用軟件功能單元的形式實(shí)現(xiàn)。顯然，本領(lǐng)域的技術(shù)人員應(yīng)該明白，上述的本申請(qǐng)的各模塊或各步驟可以用通用的計(jì)算裝置來實(shí)現(xiàn)，它們可以集中在單個(gè)的計(jì)算裝置上，或者分布在多個(gè)計(jì)算裝置所組成的網(wǎng)絡(luò)上，可選地，它們可以用計(jì)算裝置可執(zhí)行的程序代碼來實(shí)現(xiàn)，從而，可以將它們存儲(chǔ)在存儲(chǔ)裝置中由計(jì)算裝置來執(zhí)行，或者將它們分別制作成各個(gè)集成電路模 塊，或者將它們中的多個(gè)模塊或步驟制作成單個(gè)集成電路模塊來實(shí)現(xiàn)。這樣，本申請(qǐng)不限制于任何特定的硬件和軟件結(jié)合。以上所述僅為本申請(qǐng)的優(yōu)選實(shí)施例，并不用于限制本申請(qǐng)，對(duì)于本領(lǐng)域的技術(shù)人員來說，本申請(qǐng)可以有各種更改和變化。凡在本申請(qǐng)的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本申請(qǐng)的保護(hù)范圍之內(nèi)。當(dāng)前第1頁(yè)1 2 3