本申請(qǐng)涉及數(shù)據(jù)處理領(lǐng)域，具體而言，涉及一種數(shù)據(jù)圖表顯示方法和裝置。

背景技術(shù)：

隨著移動(dòng)互聯(lián)網(wǎng)和智能手機(jī)的逐漸普及，越來(lái)越多傳統(tǒng)的、在PC機(jī)上使用的軟件逐漸向移動(dòng)端轉(zhuǎn)型，各類(lèi)用于展示的商業(yè)報(bào)表也不例外，例如，ECharts，縮寫(xiě)來(lái)自Enterprise Charts，即商業(yè)級(jí)數(shù)據(jù)圖表，它最初是為了滿足公司商業(yè)體系里各種業(yè)務(wù)系統(tǒng)(如鳳巢、廣告管家等等)的報(bào)表需求，也可以適用于移動(dòng)端。

現(xiàn)有許多數(shù)據(jù)圖表都需要先指定容器以及容器的寬度高度進(jìn)行繪制，例如，ECharts的圖表繪制。此外，ECharts圖表的裝載必須要指定具體的高度(甚至不能用百分比來(lái)指定)，如果不指定具體的高度，在ECharts的初始化階段就會(huì)出錯(cuò)。雖然ECharts指定容器寬度和高度進(jìn)行圖表繪制的策略使得開(kāi)發(fā)人員很容易進(jìn)行PC端的前端布局，但是在移動(dòng)端，設(shè)備種類(lèi)繁多，各自的屏幕大小均不相同，使用固定長(zhǎng)度固定寬度的容器來(lái)裝載圖表顯然不具備通用性。雖然ECharts針對(duì)移動(dòng)設(shè)備性能和用戶體驗(yàn)優(yōu)化推出了ECharts Mobile(ECharts-m)1.0.0版本，但是現(xiàn)階段也沒(méi)有解決這一問(wèn)題。使用固定大小的容器來(lái)裝載圖表，在移動(dòng)端可能會(huì)出現(xiàn)部分空白或者整個(gè)屏幕裝載不下一個(gè)圖表的情況，影響界面美觀和用戶體驗(yàn)。

針對(duì)相關(guān)技術(shù)中數(shù)據(jù)圖表無(wú)法自適應(yīng)移動(dòng)端大小進(jìn)行顯示的問(wèn)題，目前尚未提出有效的解決方案。

技術(shù)實(shí)現(xiàn)要素：

本申請(qǐng)的主要目的在于提供一種數(shù)據(jù)圖表顯示方法和裝置，以解決相關(guān)技術(shù)中數(shù)據(jù)圖表無(wú)法自適應(yīng)移動(dòng)端大小進(jìn)行顯示的問(wèn)題。

為了實(shí)現(xiàn)上述目的，根據(jù)本申請(qǐng)的一個(gè)方面，提供了一種數(shù)據(jù)圖表顯示方法。該方法包括：獲取目標(biāo)設(shè)備屏幕中圖表區(qū)域的大小，其中，目標(biāo)設(shè)備為用于顯示數(shù)據(jù)圖表的設(shè)備，圖表區(qū)域?yàn)槟繕?biāo)設(shè)備屏幕中用于顯示數(shù)據(jù)圖表的區(qū)域；根據(jù)圖表區(qū)域的大小生成數(shù)據(jù)圖表；以及在目標(biāo)設(shè)備屏幕中圖表區(qū)域顯示數(shù)據(jù)圖表。

進(jìn)一步地，獲取目標(biāo)設(shè)備屏幕中圖表區(qū)域的大小包括：獲取目標(biāo)設(shè)備屏幕的大小；獲取目標(biāo)設(shè)備屏幕中非圖表區(qū)域的大小，其中，非圖表區(qū)域?yàn)槟繕?biāo)設(shè)備屏幕中不是用 于顯示數(shù)據(jù)圖表的區(qū)域；以及根據(jù)目標(biāo)設(shè)備屏幕的大小和非圖表區(qū)域的大小確定圖表區(qū)域的大小。

進(jìn)一步地，根據(jù)圖表區(qū)域的大小生成數(shù)據(jù)圖表包括：獲取圖表區(qū)域的長(zhǎng)度和寬度；將圖表區(qū)域的長(zhǎng)度和寬度分別作為數(shù)據(jù)圖表的長(zhǎng)度和寬度；以及根據(jù)數(shù)據(jù)圖表的長(zhǎng)度和寬度生成數(shù)據(jù)圖表。

進(jìn)一步地，根據(jù)圖表區(qū)域的大小生成數(shù)據(jù)圖表包括：判斷圖表區(qū)域的大小是否大于預(yù)設(shè)值；在判斷出圖表區(qū)域的大小大于預(yù)設(shè)值時(shí)，獲取圖表區(qū)域的長(zhǎng)度和寬度；將圖表區(qū)域的長(zhǎng)度和寬度分別作為數(shù)據(jù)圖表的長(zhǎng)度和寬度；以及根據(jù)數(shù)據(jù)圖表的長(zhǎng)度和寬度生成數(shù)據(jù)圖表。

進(jìn)一步地，在判斷出圖表區(qū)域的大小不大于預(yù)設(shè)值時(shí)，該方法還包括：獲取預(yù)設(shè)長(zhǎng)度和預(yù)設(shè)寬度，并將預(yù)設(shè)長(zhǎng)度和預(yù)設(shè)寬度分別作為數(shù)據(jù)圖表的長(zhǎng)度和寬度；以及根據(jù)數(shù)據(jù)圖表的長(zhǎng)度和寬度生成數(shù)據(jù)圖表。

為了實(shí)現(xiàn)上述目的，根據(jù)本申請(qǐng)的另一方面，提供了一種據(jù)圖表顯示裝置。該裝置包括：第一獲取單元，用于獲取目標(biāo)設(shè)備屏幕中圖表區(qū)域的大小，其中，目標(biāo)設(shè)備為用于顯示數(shù)據(jù)圖表的設(shè)備，圖表區(qū)域?yàn)槟繕?biāo)設(shè)備屏幕中用于顯示數(shù)據(jù)圖表的區(qū)域；第一生成單元，用于根據(jù)圖表區(qū)域的大小生成數(shù)據(jù)圖表；以及顯示單元，用于在目標(biāo)設(shè)備屏幕中圖表區(qū)域顯示數(shù)據(jù)圖表。

進(jìn)一步地，第一獲取單元包括：第一獲取模塊，用于獲取目標(biāo)設(shè)備屏幕的大小；第二獲取模塊，用于獲取目標(biāo)設(shè)備屏幕中非圖表區(qū)域的大小，其中，非圖表區(qū)域?yàn)槟繕?biāo)設(shè)備屏幕中不是用于顯示數(shù)據(jù)圖表的區(qū)域；以及確定模塊，用于根據(jù)目標(biāo)設(shè)備屏幕的大小和非圖表區(qū)域的大小確定圖表區(qū)域的大小。

進(jìn)一步地，第一生成單元包括：第三獲取模塊，用于獲取圖表區(qū)域的長(zhǎng)度和寬度；第一賦值模塊，用于將圖表區(qū)域的長(zhǎng)度和寬度分別作為數(shù)據(jù)圖表的長(zhǎng)度和寬度；以及第一生成模塊，用于根據(jù)數(shù)據(jù)圖表的長(zhǎng)度和寬度生成數(shù)據(jù)圖表。

進(jìn)一步地，第一生成單元包括：判斷模塊，用于判斷圖表區(qū)域的大小是否大于預(yù)設(shè)值；第四獲取模塊，用于在判斷出圖表區(qū)域的大小大于預(yù)設(shè)值時(shí)，獲取圖表區(qū)域的長(zhǎng)度和寬度；第二賦值模塊，用于將圖表區(qū)域的長(zhǎng)度和寬度分別作為數(shù)據(jù)圖表的長(zhǎng)度和寬度；以及第二生成模塊，用于根據(jù)數(shù)據(jù)圖表的長(zhǎng)度和寬度生成數(shù)據(jù)圖表。

進(jìn)一步地，該裝置還包括：第二獲取單元，用于獲取預(yù)設(shè)長(zhǎng)度和預(yù)設(shè)寬度，并將預(yù)設(shè)長(zhǎng)度和預(yù)設(shè)寬度分別作為數(shù)據(jù)圖表的長(zhǎng)度和寬度；以及第二生成單元，用于根據(jù)數(shù)據(jù)圖表的長(zhǎng)度和寬度生成數(shù)據(jù)圖表。

本申請(qǐng)通過(guò)獲取目標(biāo)設(shè)備屏幕中圖表區(qū)域的大小，其中，目標(biāo)設(shè)備為用于顯示數(shù)據(jù)圖表的設(shè)備，圖表區(qū)域?yàn)槟繕?biāo)設(shè)備屏幕中用于顯示數(shù)據(jù)圖表的區(qū)域；根據(jù)圖表區(qū)域的大小生成數(shù)據(jù)圖表；以及在目標(biāo)設(shè)備屏幕中圖表區(qū)域顯示數(shù)據(jù)圖表，解決了相關(guān)技術(shù)中數(shù)據(jù)圖表無(wú)法自適應(yīng)移動(dòng)端大小進(jìn)行顯示的問(wèn)題，進(jìn)而達(dá)到了自適應(yīng)移動(dòng)端大小顯示數(shù)據(jù)圖表的效果。

附圖說(shuō)明

構(gòu)成本申請(qǐng)的一部分的附圖用來(lái)提供對(duì)本申請(qǐng)的進(jìn)一步理解，本申請(qǐng)的示意性實(shí)施例及其說(shuō)明用于解釋本申請(qǐng)，并不構(gòu)成對(duì)本申請(qǐng)的不當(dāng)限定。在附圖中：

圖1是根據(jù)本申請(qǐng)第一實(shí)施例的數(shù)據(jù)圖表顯示方法的流程圖；

圖2是根據(jù)本申請(qǐng)實(shí)施例的移動(dòng)設(shè)備屏幕的示意圖；

圖3是根據(jù)本申請(qǐng)第二實(shí)施例的數(shù)據(jù)圖表顯示方法的流程圖；以及

圖4是根據(jù)本申請(qǐng)實(shí)施例的數(shù)據(jù)圖表顯示裝置的示意圖。

具體實(shí)施方式

需要說(shuō)明的是，在不沖突的情況下，本申請(qǐng)中的實(shí)施例及實(shí)施例中的特征可以相互組合。下面將參考附圖并結(jié)合實(shí)施例來(lái)詳細(xì)說(shuō)明本申請(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ù)人員在沒(méi)有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都應(yīng)當(dāng)屬于本申請(qǐng)保護(hù)的范圍。

需要說(shuō)明的是，本申請(qǐng)的說(shuō)明書(shū)和權(quán)利要求書(shū)及上述附圖中的術(shù)語(yǔ)“第一”、“第二”等是用于區(qū)別類(lèi)似的對(duì)象，而不必用于描述特定的順序或先后次序。應(yīng)該理解這樣使用的數(shù)據(jù)在適當(dāng)情況下可以互換，以便這里描述的本申請(qǐng)的實(shí)施例。此外，術(shù)語(yǔ)“包括”和“具有”以及他們的任何變形，意圖在于覆蓋不排他的包含，例如，包含了一系列步驟或單元的過(guò)程、方法、系統(tǒng)、產(chǎn)品或設(shè)備不必限于清楚地列出的那些步驟或單元，而是可包括沒(méi)有清楚地列出的或?qū)τ谶@些過(guò)程、方法、產(chǎn)品或設(shè)備固有的其它步驟或單元。

根據(jù)本申請(qǐng)實(shí)施例，提供了一種數(shù)據(jù)圖表顯示方法。圖1是根據(jù)本申請(qǐng)第一實(shí)施例的數(shù)據(jù)圖表顯示方法的流程圖，如圖1所示，該方法包括如下的步驟S102至步驟 S106：

步驟S102，獲取目標(biāo)設(shè)備屏幕中圖表區(qū)域的大小，其中，目標(biāo)設(shè)備為用于顯示數(shù)據(jù)圖表的設(shè)備，圖表區(qū)域?yàn)槟繕?biāo)設(shè)備屏幕中用于顯示數(shù)據(jù)圖表的區(qū)域。

本申請(qǐng)實(shí)施例的目標(biāo)設(shè)備可以是任意可以顯示數(shù)據(jù)圖表的終端設(shè)備，例如，PC機(jī)、手機(jī)、平板電腦等。本申請(qǐng)實(shí)施例的數(shù)據(jù)圖表是指無(wú)法自適應(yīng)終端設(shè)備大小進(jìn)行顯示的圖表，例如，ECharts圖表。

具體地，可以通過(guò)JavaScript(簡(jiǎn)稱(chēng)為JS)或是原生語(yǔ)言(與目標(biāo)設(shè)備的操作系統(tǒng)對(duì)應(yīng)，例如，Android操作系統(tǒng)對(duì)應(yīng)的原生語(yǔ)言為JAVA語(yǔ)言)提供的方法獲取目標(biāo)設(shè)備屏幕顯示區(qū)域的大小，例如，可以采用JQuery提供的$(window).height()，$(window).width()獲取目標(biāo)設(shè)備屏幕顯示區(qū)域的大小，并可以將目標(biāo)設(shè)備屏幕顯示區(qū)域的大小作為目標(biāo)設(shè)備屏幕中圖表區(qū)域的大小。

優(yōu)選地，為了提高數(shù)據(jù)圖表的顯示效果，獲取目標(biāo)設(shè)備屏幕中圖表區(qū)域的大小包括：獲取目標(biāo)設(shè)備屏幕的大??；獲取目標(biāo)設(shè)備屏幕中非圖表區(qū)域的大小，其中，非圖表區(qū)域?yàn)槟繕?biāo)設(shè)備屏幕中不是用于顯示數(shù)據(jù)圖表的區(qū)域；以及根據(jù)目標(biāo)設(shè)備屏幕的大小和非圖表區(qū)域的大小確定圖表區(qū)域的大小。

由于上述目標(biāo)設(shè)備屏幕的顯示區(qū)域可能并不全是用于圖表顯示的區(qū)域，它還可能包括了邊框、狀態(tài)欄、標(biāo)題欄等非圖表區(qū)域，如圖2所示，在手機(jī)上運(yùn)行數(shù)據(jù)圖表的應(yīng)用程序，在手機(jī)屏幕的顯示區(qū)域，包括手機(jī)系統(tǒng)狀態(tài)欄、標(biāo)題欄、邊框、應(yīng)用狀態(tài)欄等非圖標(biāo)區(qū)域。如果直接以目標(biāo)設(shè)備屏幕的顯示區(qū)域的大小對(duì)將要加載的數(shù)據(jù)圖表(例如，ECharts圖表)的容器進(jìn)行大小賦值，該數(shù)據(jù)圖表顯示時(shí)可能會(huì)溢出。

因此，本申請(qǐng)實(shí)施例可以根據(jù)數(shù)據(jù)圖表的應(yīng)用程序的具體用戶界面(User Interface，簡(jiǎn)稱(chēng)為UI)布局去除上述非圖表區(qū)域。具體地，也可以采用JS/JQuery、原生語(yǔ)言提供的方法獲取目標(biāo)設(shè)備屏幕的非圖表區(qū)域中各部分內(nèi)容的長(zhǎng)度和寬度以及目標(biāo)設(shè)備屏幕顯示區(qū)域的長(zhǎng)度和寬度(即目標(biāo)設(shè)備屏幕的大小)，根據(jù)非圖表區(qū)域中各部分內(nèi)容的長(zhǎng)度和寬度以及目標(biāo)設(shè)備屏幕的顯示區(qū)域的長(zhǎng)度和寬度就可得到圖表區(qū)域的長(zhǎng)度和寬度，從而保證了圖表能夠在目標(biāo)設(shè)備屏幕中完整顯示。

步驟S104，根據(jù)圖表區(qū)域的大小生成數(shù)據(jù)圖表。

本申請(qǐng)實(shí)施例在獲得圖表區(qū)域的大小之后，可以根據(jù)圖表區(qū)域的大小對(duì)數(shù)據(jù)圖表的容器的大小進(jìn)行賦值，例如，按照?qǐng)D表區(qū)域的長(zhǎng)度和寬度的預(yù)設(shè)比例(例如，0.9)對(duì)數(shù)據(jù)圖表的容器的長(zhǎng)度和寬度進(jìn)行賦值，例如，圖表區(qū)域的長(zhǎng)度和寬度分別為5000px和3000px，則可以取4500px和2700px分別作為數(shù)據(jù)圖表的容器的長(zhǎng)度和寬度。在指定數(shù)據(jù)圖表的容器的大小之后，即可以載入數(shù)據(jù)圖表的數(shù)據(jù)并在數(shù)據(jù)圖表的容器 中繪制指定的圖表。

優(yōu)選地，為了提高數(shù)據(jù)圖表的顯示效果，根據(jù)圖表區(qū)域的大小生成數(shù)據(jù)圖表包括：獲取圖表區(qū)域的長(zhǎng)度和寬度；將圖表區(qū)域的長(zhǎng)度和寬度分別作為數(shù)據(jù)圖表的長(zhǎng)度和寬度；以及根據(jù)數(shù)據(jù)圖表的長(zhǎng)度和寬度生成數(shù)據(jù)圖表。

本申請(qǐng)實(shí)施例獲取圖表區(qū)域的長(zhǎng)度和寬度，并直接將圖表區(qū)域的長(zhǎng)度和寬度分別作為數(shù)據(jù)圖表的容器的長(zhǎng)度和寬度，并在該容器下繪制對(duì)應(yīng)的數(shù)據(jù)圖表，從而使得數(shù)據(jù)圖表能夠完整顯示且不會(huì)存在過(guò)多空白區(qū)域。

優(yōu)選地，為了進(jìn)一步提高數(shù)據(jù)圖表的顯示效果，根據(jù)圖表區(qū)域的大小生成數(shù)據(jù)圖表包括：判斷圖表區(qū)域的大小是否大于預(yù)設(shè)值；在判斷出圖表區(qū)域的大小大于預(yù)設(shè)值時(shí)，獲取圖表區(qū)域的長(zhǎng)度和寬度；將圖表區(qū)域的長(zhǎng)度和寬度分別作為數(shù)據(jù)圖表的長(zhǎng)度和寬度；以及根據(jù)數(shù)據(jù)圖表的長(zhǎng)度和寬度生成數(shù)據(jù)圖表。

由于存在一些顯示設(shè)備屏幕較小，或是屏幕中圖表區(qū)域過(guò)小，如果在較小的顯示區(qū)域內(nèi)完整顯示數(shù)據(jù)圖表，可能會(huì)導(dǎo)致一些數(shù)據(jù)圖表顯示不清楚，或是用戶看不清楚該數(shù)據(jù)圖表中的內(nèi)容。因此，本申請(qǐng)實(shí)施例在獲取到圖表區(qū)域的大小之后，判斷圖表區(qū)域的大小是否大于預(yù)設(shè)值，其中，預(yù)設(shè)值可以根據(jù)數(shù)據(jù)圖表的顯示效果進(jìn)行設(shè)置，例如，可以在滿足數(shù)據(jù)圖表能夠被用戶看清楚的條件下進(jìn)行設(shè)置。具體地，判斷圖表區(qū)域的大小是否大于預(yù)設(shè)值可以是將圖表區(qū)域的長(zhǎng)度與預(yù)設(shè)值比較，也可以是將圖表區(qū)域的寬度與預(yù)設(shè)值比較，也可以是將圖表區(qū)域的長(zhǎng)度和寬度分別與兩個(gè)預(yù)設(shè)值比較，并將上述比較結(jié)果作為圖表區(qū)域的大小與預(yù)設(shè)值的比較結(jié)果。

本申請(qǐng)實(shí)施例在判斷出圖表區(qū)域的大小大于預(yù)設(shè)值時(shí)，獲取圖表區(qū)域的長(zhǎng)度和寬度并將圖表區(qū)域的長(zhǎng)度和寬度分別作為數(shù)據(jù)圖表的長(zhǎng)度和寬度，在判斷出圖表區(qū)域的大小不大于預(yù)設(shè)值時(shí)，獲取預(yù)設(shè)長(zhǎng)度和預(yù)設(shè)寬度，并將預(yù)設(shè)長(zhǎng)度和預(yù)設(shè)寬度分別作為數(shù)據(jù)圖表的長(zhǎng)度和寬度。

例如，圖表區(qū)域的長(zhǎng)度和寬度分別為300px和200px，預(yù)設(shè)值包括第一預(yù)設(shè)值和第二預(yù)設(shè)值，其中，第一預(yù)設(shè)值和第二預(yù)設(shè)值分別為1000px和800px，由于圖表區(qū)域的長(zhǎng)度小于第一預(yù)設(shè)值且圖表區(qū)域的寬度小于第二預(yù)設(shè)值，則說(shuō)明圖表區(qū)域的大小小于預(yù)設(shè)值，此時(shí)可以直接取第一預(yù)設(shè)值和第二預(yù)設(shè)值作為預(yù)設(shè)長(zhǎng)度和預(yù)設(shè)寬度，并賦值給數(shù)據(jù)圖表的容器的長(zhǎng)度和寬度，此時(shí)，用戶可能需要通過(guò)滑動(dòng)滾動(dòng)條才能完全查看數(shù)據(jù)圖表。

步驟S106，在目標(biāo)設(shè)備屏幕中圖表區(qū)域顯示數(shù)據(jù)圖表。

本申請(qǐng)實(shí)施例通過(guò)獲取目標(biāo)設(shè)備屏幕中圖表區(qū)域的大小，其中，目標(biāo)設(shè)備為用于顯示數(shù)據(jù)圖表的設(shè)備，圖表區(qū)域?yàn)槟繕?biāo)設(shè)備屏幕中用于顯示數(shù)據(jù)圖表的區(qū)域；根據(jù)圖 表區(qū)域的大小生成數(shù)據(jù)圖表；以及在目標(biāo)設(shè)備屏幕中圖表區(qū)域顯示數(shù)據(jù)圖表，由于本申請(qǐng)實(shí)施例能夠根據(jù)目標(biāo)設(shè)備屏幕的圖表區(qū)域的大小自適應(yīng)生成數(shù)據(jù)圖表并進(jìn)行顯示，解決了相關(guān)技術(shù)中數(shù)據(jù)圖表無(wú)法自適應(yīng)移動(dòng)端大小進(jìn)行顯示的問(wèn)題，進(jìn)而達(dá)到了自適應(yīng)移動(dòng)端大小顯示數(shù)據(jù)圖表的效果。

圖3是根據(jù)本申請(qǐng)第二實(shí)施例的數(shù)據(jù)圖表顯示方法的流程圖，如圖3所示，該方法包括如下步驟：

步驟S202，獲取設(shè)備屏幕大小。

上述設(shè)備屏幕為當(dāng)前顯示數(shù)據(jù)圖表的設(shè)備屏幕(即目標(biāo)設(shè)備屏幕)。具體地，可以通過(guò)JavaScript(簡(jiǎn)稱(chēng)為JS)或是原生語(yǔ)言(與目標(biāo)設(shè)備的操作系統(tǒng)對(duì)應(yīng)，例如，Android操作系統(tǒng)對(duì)應(yīng)的原生語(yǔ)言為JAVA語(yǔ)言)提供的方法獲取目標(biāo)設(shè)備屏幕大小，例如，可以采用JQuery提供的$(window).height()，$(window).width()獲取目標(biāo)設(shè)備屏幕大小。需要說(shuō)明的是，本申請(qǐng)實(shí)施例的目標(biāo)設(shè)備屏幕大小即目標(biāo)設(shè)備屏幕顯示區(qū)域的大小。

步驟S204，根據(jù)設(shè)備屏幕大小做數(shù)據(jù)處理。

具體地，根據(jù)設(shè)備屏幕大小做數(shù)據(jù)處理即根據(jù)數(shù)據(jù)圖表的應(yīng)用程序的具體用戶界面(User Interface，簡(jiǎn)稱(chēng)為UI)布局去除設(shè)備屏幕中非圖表區(qū)域，即可得到設(shè)備屏幕的圖表區(qū)域。

步驟S206，獲得數(shù)據(jù)圖表容器大小。

將得到設(shè)備屏幕的圖表區(qū)域之后，分別將設(shè)備屏幕的圖表區(qū)域的長(zhǎng)度和寬度賦值給數(shù)據(jù)圖表容器的長(zhǎng)度和寬度。

步驟S208，繪制Echarts圖表。

在將設(shè)備屏幕的圖表區(qū)域的長(zhǎng)度和寬度賦值給數(shù)據(jù)圖表容器的長(zhǎng)度和寬度之后，載入數(shù)據(jù)圖表對(duì)應(yīng)的數(shù)據(jù)，并在ECharts圖表容器下繪制指定的圖表以進(jìn)行顯示。

從以上的描述可以看出，本申請(qǐng)實(shí)施例僅需增加少量的代碼且無(wú)需修改ECharts源碼即可實(shí)現(xiàn)ECharts圖表在移動(dòng)端的大小自適應(yīng)，操作方法簡(jiǎn)單，并且大大改善了用戶體驗(yàn)和移動(dòng)端的顯示效果。

需要說(shuō)明的是，在附圖的流程圖示出的步驟可以在諸如一組計(jì)算機(jī)可執(zhí)行指令的計(jì)算機(jī)系統(tǒng)中執(zhí)行，并且，雖然在流程圖中示出了邏輯順序，但是在某些情況下，可以以不同于此處的順序執(zhí)行所示出或描述的步驟。

根據(jù)本申請(qǐng)實(shí)施例的另一方面，提供了一種數(shù)據(jù)圖表顯示裝置，該數(shù)據(jù)圖表顯示裝置可以用于執(zhí)行本申請(qǐng)實(shí)施例的數(shù)據(jù)圖表顯示方法，本申請(qǐng)實(shí)施例的數(shù)據(jù)圖表顯示 方法也可以通過(guò)本申請(qǐng)實(shí)施例的數(shù)據(jù)圖表顯示裝置來(lái)執(zhí)行。

圖4是根據(jù)本申請(qǐng)實(shí)施例的數(shù)據(jù)圖表顯示裝置的示意圖，如圖4所示，該裝置包括：第一獲取單元10、第一生成單元20和顯示單元30。

第一獲取單元10，用于獲取目標(biāo)設(shè)備屏幕中圖表區(qū)域的大小，其中，目標(biāo)設(shè)備為用于顯示數(shù)據(jù)圖表的設(shè)備，圖表區(qū)域?yàn)槟繕?biāo)設(shè)備屏幕中用于顯示數(shù)據(jù)圖表的區(qū)域。

優(yōu)選地，第一獲取單元10包括：第一獲取模塊，用于獲取目標(biāo)設(shè)備屏幕的大??；第二獲取模塊，用于獲取目標(biāo)設(shè)備屏幕中非圖表區(qū)域的大小，其中，非圖表區(qū)域?yàn)槟繕?biāo)設(shè)備屏幕中不是用于顯示數(shù)據(jù)圖表的區(qū)域；以及確定模塊，用于根據(jù)目標(biāo)設(shè)備屏幕的大小和非圖表區(qū)域的大小確定圖表區(qū)域的大小。

第一生成單元20，用于根據(jù)圖表區(qū)域的大小生成數(shù)據(jù)圖表。

優(yōu)選地，第一生成單元20包括：第三獲取模塊，用于獲取圖表區(qū)域的長(zhǎng)度和寬度；第一賦值模塊，用于將圖表區(qū)域的長(zhǎng)度和寬度分別作為數(shù)據(jù)圖表的長(zhǎng)度和寬度；以及第一生成模塊，用于根據(jù)數(shù)據(jù)圖表的長(zhǎng)度和寬度生成數(shù)據(jù)圖表。

優(yōu)選地，第一生成單元20包括：判斷模塊，用于判斷圖表區(qū)域的大小是否大于預(yù)設(shè)值；第四獲取模塊，用于在判斷出圖表區(qū)域的大小大于預(yù)設(shè)值時(shí)，獲取圖表區(qū)域的長(zhǎng)度和寬度；第二賦值模塊，用于將圖表區(qū)域的長(zhǎng)度和寬度分別作為數(shù)據(jù)圖表的長(zhǎng)度和寬度；以及第二生成模塊，用于根據(jù)數(shù)據(jù)圖表的長(zhǎng)度和寬度生成數(shù)據(jù)圖表。

顯示單元30，用于在目標(biāo)設(shè)備屏幕中圖表區(qū)域顯示數(shù)據(jù)圖表。

優(yōu)選地，該裝置還包括：第二獲取單元，用于獲取預(yù)設(shè)長(zhǎng)度和預(yù)設(shè)寬度，并將預(yù)設(shè)長(zhǎng)度和預(yù)設(shè)寬度分別作為數(shù)據(jù)圖表的長(zhǎng)度和寬度；以及第二生成單元，用于根據(jù)數(shù)據(jù)圖表的長(zhǎng)度和寬度生成數(shù)據(jù)圖表。

本申請(qǐng)實(shí)施例通過(guò)第一獲取單元10獲取目標(biāo)設(shè)備屏幕中圖表區(qū)域的大小，其中，目標(biāo)設(shè)備為用于顯示數(shù)據(jù)圖表的設(shè)備，圖表區(qū)域?yàn)槟繕?biāo)設(shè)備屏幕中用于顯示數(shù)據(jù)圖表的區(qū)域；第一生成單元20根據(jù)圖表區(qū)域的大小生成數(shù)據(jù)圖表；以及顯示單元30在目標(biāo)設(shè)備屏幕中圖表區(qū)域顯示數(shù)據(jù)圖表，解決了相關(guān)技術(shù)中數(shù)據(jù)圖表無(wú)法自適應(yīng)移動(dòng)端大小進(jìn)行顯示的問(wèn)題，進(jìn)而達(dá)到了自適應(yīng)移動(dòng)端大小顯示數(shù)據(jù)圖表的效果。

所述數(shù)據(jù)圖表顯示裝置包括處理器和存儲(chǔ)器，上述第一獲取單元、第一生成單元和顯示單元等均作為程序單元存儲(chǔ)在存儲(chǔ)器中，由處理器執(zhí)行存儲(chǔ)在存儲(chǔ)器中的上述程序單元來(lái)實(shí)現(xiàn)相應(yīng)的功能。

處理器中包含內(nèi)核，由內(nèi)核去存儲(chǔ)器中調(diào)取相應(yīng)的程序單元。內(nèi)核可以設(shè)置一個(gè) 或以上，通過(guò)調(diào)整內(nèi)核參數(shù)來(lái)自適應(yīng)移動(dòng)端大小顯示數(shù)據(jù)圖表。

存儲(chǔ)器可能包括計(jì)算機(jī)可讀介質(zhì)中的非永久性存儲(chǔ)器，隨機(jī)存取存儲(chǔ)器(RAM)和/或非易失性?xún)?nèi)存等形式，如只讀存儲(chǔ)器(ROM)或閃存(flash RAM)，存儲(chǔ)器包括至少一個(gè)存儲(chǔ)芯片。

本申請(qǐng)還提供了一種計(jì)算機(jī)程序產(chǎn)品，當(dāng)在數(shù)據(jù)處理設(shè)備上執(zhí)行時(shí)，適于執(zhí)行初始化有如下方法步驟的程序代碼：獲取目標(biāo)設(shè)備屏幕中圖表區(qū)域的大小，其中，目標(biāo)設(shè)備為用于顯示數(shù)據(jù)圖表的設(shè)備，圖表區(qū)域?yàn)槟繕?biāo)設(shè)備屏幕中用于顯示數(shù)據(jù)圖表的區(qū)域；根據(jù)圖表區(qū)域的大小生成數(shù)據(jù)圖表；以及在目標(biāo)設(shè)備屏幕中圖表區(qū)域顯示數(shù)據(jù)圖表。

上述本申請(qǐng)實(shí)施例序號(hào)僅僅為了描述，不代表實(shí)施例的優(yōu)劣。

在本申請(qǐng)的上述實(shí)施例中，對(duì)各個(gè)實(shí)施例的描述都各有側(cè)重，某個(gè)實(shí)施例中沒(méi)有詳述的部分，可以參見(jiàn)其他實(shí)施例的相關(guān)描述。

在本申請(qǐng)所提供的幾個(gè)實(shí)施例中，應(yīng)該理解到，所揭露的技術(shù)內(nèi)容，可通過(guò)其它的方式實(shí)現(xiàn)。其中，以上所描述的裝置實(shí)施例僅僅是示意性的，例如所述單元的劃分，可以為一種邏輯功能劃分，實(shí)際實(shí)現(xiàn)時(shí)可以有另外的劃分方式，例如多個(gè)單元或組件可以結(jié)合或者可以集成到另一個(gè)系統(tǒng)，或一些特征可以忽略，或不執(zhí)行。另一點(diǎn)，所顯示或討論的相互之間的耦合或直接耦合或通信連接可以是通過(guò)一些接口，單元或模塊的間接耦合或通信連接，可以是電性或其它的形式。

所述作為分離部件說(shuō)明的單元可以是或者也可以不是物理上分開(kāi)的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個(gè)地方，或者也可以分布到多個(gè)單元上。可以根據(jù)實(shí)際的需要選擇其中的部分或者全部單元來(lái)實(shí)現(xiàn)本實(shí)施例方案的目的。

另外，在本申請(qǐng)各個(gè)實(shí)施例中的各功能單元可以集成在一個(gè)處理單元中，也可以是各個(gè)單元單獨(dú)物理存在，也可以?xún)蓚€(gè)或兩個(gè)以上單元集成在一個(gè)單元中。上述集成的單元既可以采用硬件的形式實(shí)現(xiàn)，也可以采用軟件功能單元的形式實(shí)現(xiàn)。

所述集成的單元如果以軟件功能單元的形式實(shí)現(xiàn)并作為獨(dú)立的產(chǎn)品銷(xiāo)售或使用時(shí)，可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中?；谶@樣的理解，本申請(qǐng)的技術(shù)方案本質(zhì)上或者說(shuō)對(duì)現(xiàn)有技術(shù)做出貢獻(xiàn)的部分或者該技術(shù)方案的全部或部分可以以軟件產(chǎn)品的形式體現(xiàn)出來(lái)，該計(jì)算機(jī)軟件產(chǎn)品存儲(chǔ)在一個(gè)存儲(chǔ)介質(zhì)中，包括若干指令用以使得一臺(tái)計(jì)算機(jī)設(shè)備(可為個(gè)人計(jì)算機(jī)、服務(wù)器或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本申請(qǐng)各個(gè)實(shí)施例所述方法的全部或部分步驟。而前述的存儲(chǔ)介質(zhì)包括：U盤(pán)、只讀存儲(chǔ)器(ROM，Read-Only Memory)、隨機(jī)存取存儲(chǔ)器(RAM，Random Access Memory)、移動(dòng)硬盤(pán)、 磁碟或者光盤(pán)等各種可以存儲(chǔ)程序代碼的介質(zhì)。

以上所述僅是本申請(qǐng)的優(yōu)選實(shí)施方式，應(yīng)當(dāng)指出，對(duì)于本技術(shù)領(lǐng)域的普通技術(shù)人員來(lái)說(shuō)，在不脫離本申請(qǐng)?jiān)淼那疤嵯?，還可以做出若干改進(jìn)和潤(rùn)飾，這些改進(jìn)和潤(rùn)飾也應(yīng)視為本申請(qǐng)的保護(hù)范圍。