本發(fā)明涉及數(shù)據(jù)庫領(lǐng)域，具體而言，涉及一種圖表輸出方法及裝置。

背景技術(shù)：

SKYONE:航空公司管理航班、客票等各類業(yè)務(wù)的統(tǒng)一前端產(chǎn)品，是眾多后臺信息服務(wù)的統(tǒng)一用戶界面。

Web端：使用瀏覽器訪問的產(chǎn)品界面。

TUI：TravelSky UI(航空公司業(yè)務(wù)前端用戶界面組件庫)。

TuiCharts：TUI組件庫中的圖表框架，實(shí)現(xiàn)了該專利的組件。

echarts：百度旗下的開源圖表框架。

highcharts：挪威Highsoft公司旗下的圖標(biāo)框架。

API：Application Programming Interface(應(yīng)用程序編程接口)

遞歸調(diào)用：遞歸調(diào)用是一種特殊的嵌套調(diào)用，是某個函數(shù)調(diào)用自己，而不是另外一個函數(shù)

JavaScript：JavaScript一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。

二叉樹：在計算機(jī)科學(xué)中，二叉樹是每個節(jié)點(diǎn)最多有兩個子樹的樹結(jié)構(gòu)。

深度優(yōu)先：深度優(yōu)先是一種搜索算法(Depth-First-Search)。是沿著樹的深度，遍歷樹的節(jié)點(diǎn)，盡可能深的搜索樹的分支。

在相關(guān)技術(shù)中的SKYONE產(chǎn)品中，有眾多業(yè)務(wù)模塊需要將大量的數(shù)據(jù)用圖表的方式展示。這些圖表以：折線圖、柱狀圖和餅狀圖為主，主要展示航班的運(yùn)力、客座率、訂座數(shù)和折扣的變化關(guān)系。由于這些數(shù)據(jù)一般需要以日、月、年為單位，多個航段或航空公司進(jìn)行比較展示，因此，SKYONE的產(chǎn)品設(shè)計人員在設(shè)計自己的模塊功能時，需要將這些數(shù)據(jù)進(jìn)行大量的比較，并仔細(xì)研究哪種數(shù)據(jù)搭配和哪種圖表展示方式能夠讓用戶清晰的辨識。在產(chǎn)品人員做上述的工作時，主要需要經(jīng)歷以下幾個步驟：

了解用戶需要關(guān)注哪些數(shù)據(jù)變化

這些數(shù)據(jù)變化用什么方式展示(是柱狀圖？折線圖？還是餅狀圖？)

嘗試將各類數(shù)據(jù)的圖表畫出，并搭配在一起，進(jìn)行用戶研究，選擇用戶最需要的方式。

通過評審定下方案，編寫文檔并移交給開發(fā)人員進(jìn)行產(chǎn)品研發(fā)。

在上述步驟中，第2,3,4步都涉及圖表繪制的工作，其中，2,3需要產(chǎn)品設(shè)計人員使用圖表框架在Web端繪制效果圖，第4步需要開發(fā)人員在項(xiàng)目中使用圖表框架編寫繪圖代碼。

Web端的圖表框架眾多，其中以國內(nèi)的echarts、國外的highcharts為典型代表。它們提供豐富的參數(shù)和API，由使用者編寫參數(shù)配置，并通過圖表框架的接口傳入?yún)?shù)，在瀏覽器上顯示相應(yīng)的圖表。由于這些圖表框架功能眾多，配置較為復(fù)雜，因此產(chǎn)品設(shè)計人員和開發(fā)人員在完成上述2,3,4步驟時，會遇到以下幾個問題：配置參數(shù)過于復(fù)雜，導(dǎo)致使用者在繪制簡單圖表時，仍然耗費(fèi)了大量的時間閱讀手冊。繪制不同的圖表，仍然有很多參數(shù)或代碼是重復(fù)和冗余的。使用者耗費(fèi)了更多的精力在圖表的外觀和展示方式上。(例如將復(fù)雜關(guān)系的折線圖變成柱狀圖，需要修改多處參數(shù)才能實(shí)現(xiàn))

針對相關(guān)技術(shù)中存在的上述問題，目前尚未發(fā)現(xiàn)有效的解決方案。

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

本發(fā)明旨在提供一種圖表輸出方法及裝置，解決了相關(guān)技術(shù)中繪制echarts時過于復(fù)雜的技術(shù)問題。

本發(fā)明提供了一種圖表輸出方法，包括：接收圖表參數(shù)；根據(jù)所述圖像參數(shù)選擇圖表可視化語言；解析所述圖表可視化語言并輸出對應(yīng)的圖表。

可選的，所述圖表內(nèi)容包括：圖表名稱、圖表對應(yīng)的橫坐標(biāo)內(nèi)容和縱坐標(biāo)內(nèi)容、圖表相關(guān)的數(shù)據(jù)。

可選的，根據(jù)所述圖像參數(shù)選擇圖表可視化語言包括：根據(jù)所述圖像參數(shù)選擇可視化語言函數(shù)、可視化語言關(guān)系符號、可視化語言變量。

可選的，解析所述圖表可視化語言并輸出對應(yīng)的圖表包括：使用TuiCharts組件解析所述圖表可視化語言并輸出對應(yīng)的圖表。

可選的，所述函數(shù)名稱包含以下至少之一：折線圖、柱狀圖、餅狀圖。

可選的，所述關(guān)系符號包括以下至少之一：并列、包含、疊加或反向疊加、成對出現(xiàn)；其中，不同的關(guān)系符號對應(yīng)不同的運(yùn)算優(yōu)先級。

可選的，使用TuiCharts組件解析所述圖表可視化語言并輸出對應(yīng)的圖表包括；對所述可視化語言進(jìn)行詞法分析；對所述可視化語言進(jìn)行語法解析生成中間對象；根據(jù)所述中間對象生成企業(yè)圖表庫echarts參數(shù)，使用所述echarts參數(shù)繪制echarts并輸出。

可選的，對所述可視化語言進(jìn)行詞法分析包括：從所述可視化語言的第一個字符開始循環(huán)判斷所述可視化語言的所有字符是否合法。

可選的，對所述可視化語言進(jìn)行語法解析生成中間對象包括：將所述可視化語言的語句分解成多個最小的關(guān)系單元；根據(jù)關(guān)系符號處理兩個相鄰關(guān)系單元得到中間對象；將所述臨時結(jié)果加入到二叉樹結(jié)構(gòu)的上一層最小關(guān)系單元中進(jìn)行處理得到所述可視化語言中除函數(shù)外所有語句的中間對象。

可選的，根據(jù)所述中間對象生成企業(yè)圖表庫echarts參數(shù)，使用所述echarts參數(shù)繪制echarts并輸出包括：從所述中間對象的葉子節(jié)點(diǎn)開始深度優(yōu)先處理二叉樹，將所有的變量名稱所指向的數(shù)據(jù)按照關(guān)系符號進(jìn)行對應(yīng)的運(yùn)算，將運(yùn)算得到的處理結(jié)果返回給當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)，直到計算到所述中間對象的根節(jié)點(diǎn)；以JavaScript的數(shù)組類型保存所述中間對象的計算結(jié)果，得到包含所有中間對象的所有計算結(jié)果的數(shù)組；將所述數(shù)組確定為所述echarts參數(shù)；將所述echarts參數(shù)、所述圖表參數(shù)交給echarts接口繪制echarts并輸出。

本發(fā)明提供了一種圖表輸出裝置，包括：接收模塊，用于接收圖表參數(shù)；選擇模塊，用于根據(jù)所述圖像參數(shù)選擇圖表可視化語言；處理模塊，用于解析所述圖表可視化語言并輸出對應(yīng)的圖表。

可選的，所述圖表內(nèi)容包括：圖表名稱、圖表對應(yīng)的橫坐標(biāo)內(nèi)容和縱坐標(biāo)內(nèi)容、圖表相關(guān)的數(shù)據(jù)。

可選的，根據(jù)所述圖像參數(shù)選擇圖表可視化語言包括：根據(jù)所述圖像參數(shù)選擇可視化語言函數(shù)、可視化語言關(guān)系符號、可視化語言變量。

可選的，所述處理模塊用于使用TuiCharts組件解析所述圖表可視化語言并輸出對應(yīng)的圖表。

可選的，所述函數(shù)名稱包含以下至少之一：折線圖、柱狀圖、餅狀圖。

可選的，所述關(guān)系符號包括以下至少之一：并列、包含、疊加或反向疊加、成對出現(xiàn)；其中，不同的關(guān)系符號對應(yīng)不同的運(yùn)算優(yōu)先級。

可選的，所述處理模塊包括：第一分析單元，用于對所述可視化語言進(jìn)行詞法分析；第二分析單元，用于對所述可視化語言進(jìn)行語法解析生成中間對象；處理單元，用于根據(jù)所述中間對象生成企業(yè)圖表庫echarts參數(shù)，使用所述echarts參數(shù)繪制echarts并輸出。

根據(jù)本發(fā)明的實(shí)施例，接收圖表參數(shù)；根據(jù)所述圖像參數(shù)選擇圖表可視化語言；解析所述圖表可視化語言并輸出對應(yīng)的圖表。解決了相關(guān)技術(shù)中繪制echarts時過于復(fù)雜的技術(shù)問題，有效縮短了設(shè)計人員在設(shè)計圖表展示方式時查閱復(fù)雜參數(shù)的時間，由于可視化語言封裝了繪圖參數(shù)中重復(fù)部分的代碼，因此可以有效減少開發(fā)人員的代碼量，使用者可以通過修改可視化語句，來實(shí)現(xiàn)修改圖表的展示方式。

附圖說明

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

圖1是根據(jù)本發(fā)明實(shí)施例的圖表輸出方法的流程圖；

圖2是本發(fā)明實(shí)施例使用圖表可視化語句繪圖的過程圖；

圖3是本發(fā)明實(shí)施例的圖表可視化語言的解析過程圖；

圖4是本發(fā)明實(shí)施例的詞法分析的代碼循環(huán)流程；

圖5是本發(fā)明實(shí)施例的遞歸單元的處理邏輯圖；

圖6是本發(fā)明實(shí)施例解析“l(fā)ine(a+(b+c)>d,e)”語句的中間對象的二叉樹結(jié)構(gòu)示意圖；

圖7是根據(jù)本發(fā)明實(shí)施例的圖表輸出裝置的結(jié)構(gòu)框圖；

圖8為本發(fā)明實(shí)施例設(shè)置了“l(fā)ine(a,b)”所繪制出的圖表效果圖。

具體實(shí)施方式

下面將參考附圖并結(jié)合實(shí)施例來詳細(xì)說明本發(fā)明。

圖1是根據(jù)本發(fā)明實(shí)施例的圖表輸出方法的流程圖，如圖1所示，該方法包括：

步驟S102，接收圖表參數(shù)；

步驟S104，根據(jù)圖像參數(shù)選擇圖表可視化語言；

步驟S106，解析圖表可視化語言并輸出對應(yīng)的圖表。

通過本實(shí)施例的上述步驟，接收圖表參數(shù)；根據(jù)所述圖像參數(shù)選擇圖表可視化語言；解析所述圖表可視化語言并輸出對應(yīng)的圖表。解決了相關(guān)技術(shù)中繪制echarts時過于復(fù)雜的技術(shù)問題，有效縮短了設(shè)計人員在設(shè)計圖表展示方式時查閱復(fù)雜參數(shù)的時間，由于可視化語言封裝了繪圖參數(shù)中重復(fù)部分的代碼，因此可以有效減少開發(fā)人員的代碼量，使用者可以通過修改可視化語句，來實(shí)現(xiàn)修改圖表的展示方式。

本實(shí)施例的圖表內(nèi)容包括：圖表名稱、圖表對應(yīng)的橫坐標(biāo)內(nèi)容和縱坐標(biāo)內(nèi)容、圖表相關(guān)的數(shù)據(jù)。

可選的，根據(jù)圖像參數(shù)選擇圖表可視化語言包括：根據(jù)圖像參數(shù)選擇可視化語言函數(shù)、可視化語言關(guān)系符號、可視化語言變量。

可選的，解析圖表可視化語言并輸出對應(yīng)的圖表包括：使用TuiCharts組件解析圖表可視化語言并輸出對應(yīng)的圖表。

本實(shí)施例的函數(shù)名稱包含以下至少之一：折線圖、柱狀圖、餅狀圖。本實(shí)施例的關(guān)系符號包括以下至少之一：并列、包含、疊加或反向疊加、成對出現(xiàn)；其中，不同的關(guān)系符號對應(yīng)不同的運(yùn)算優(yōu)先級。

可選的，使用TuiCharts組件解析圖表可視化語言并輸出對應(yīng)的圖表包括；

S11，對可視化語言進(jìn)行詞法分析；

S12，對可視化語言進(jìn)行語法解析生成中間對象；

S13，根據(jù)中間對象生成企業(yè)圖表庫echarts參數(shù)，使用echarts參數(shù)繪制echarts并輸出。

可選的，對可視化語言進(jìn)行詞法分析包括：從可視化語言的第一個字符開始循環(huán)判斷可視化語言的所有字符是否合法。

可選的，對可視化語言進(jìn)行語法解析生成中間對象包括：

S21，將可視化語言的語句分解成多個最小的關(guān)系單元；

S22，根據(jù)關(guān)系符號處理兩個相鄰關(guān)系單元得到中間對象；

S23，將臨時結(jié)果加入到二叉樹結(jié)構(gòu)的上一層最小關(guān)系單元中進(jìn)行處理得到可視化語言中除函數(shù)外所有語句的中間對象。

可選的，根據(jù)中間對象生成企業(yè)圖表庫echarts參數(shù)，使用echarts參數(shù)繪制echarts并輸出包括：

S31，從中間對象的葉子節(jié)點(diǎn)開始深度優(yōu)先處理二叉樹，將所有的變量名稱所指向的數(shù)據(jù)按照關(guān)系符號進(jìn)行對應(yīng)的運(yùn)算，將運(yùn)算得到的處理結(jié)果返回給當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)，直到計算到中間對象的根節(jié)點(diǎn)；

S32，以JavaScript的數(shù)組類型保存中間對象的計算結(jié)果，得到包含所有中間對象的所有計算結(jié)果的數(shù)組；

S33，將數(shù)組確定為echarts參數(shù)；

S34，將echarts參數(shù)、圖表參數(shù)交給echarts接口繪制echarts并輸出。

下面結(jié)合根據(jù)本實(shí)施例的具體實(shí)施方式，結(jié)合實(shí)例進(jìn)行詳細(xì)具體的說明和介紹：

TUI中的TuiCharts組件，就是本實(shí)施例的具體實(shí)施成果，該組件在傳入需要繪制的圖表數(shù)據(jù)之后，使用圖表的可視化語言進(jìn)行繪圖。組件的使用流程為：

設(shè)置標(biāo)題、數(shù)據(jù)、橫縱坐標(biāo)內(nèi)容。

設(shè)置圖表可視化語言。

解析圖表可視化語句。

繪圖。

其過程為圖2所示，圖2是本發(fā)明實(shí)施例使用圖表可視化語句繪圖的過程圖。

圖表可視化語言

可視化語言包含三個函數(shù)名稱、五個關(guān)系符號、最多26個變量的名稱，由使用者根據(jù)想要的圖形輸入相應(yīng)的可視化語句，TuiCharts組件會自動解析該語句并繪圖。

函數(shù)名稱包含以下三個：

line表示折線圖

column表示柱狀圖

pan表示餅狀圖

關(guān)系符號有以下四類：

，表示并列

>表示包含

+-表示疊加或反向疊加

()成對出現(xiàn)，用于提高某一個符號的優(yōu)先級

關(guān)系符號責(zé)描述各個數(shù)據(jù)之間按照什么方式顯示圖表。上面給出的關(guān)系符號順序從上到下表示了關(guān)系之間的優(yōu)先級。“，”號的優(yōu)先級最低，最后運(yùn)算?！?)”的優(yōu)先級最高，被“()”括起來的運(yùn)算會最先運(yùn)算。

變量名稱由“a”，“b”，“c”等26個小寫英文字母表示，其中，“a”表示第一組數(shù)據(jù)，“b”表示第二組數(shù)據(jù)，“c”表示第三組數(shù)據(jù)，以此類推。由于英文小寫字母只有26個，因此變量名稱最多支持26個，多出的數(shù)據(jù)將不被支持。(據(jù)統(tǒng)計，絕大多數(shù)的圖表中的指標(biāo)不會超過26個，一張圖上超過26個指標(biāo)的圖表將超出一般用戶的理解能力，因此，多出的暫不支持)。

圖表的可視化語言由關(guān)系符號連接變量，再由函數(shù)名稱劃定范圍而形成。例如：“l(fā)ine(a+b),column(c,d>e)”就是一個完整的可視化語句示例。它可以讓TuiCharts組件唯一確定圖表最后的顯示結(jié)果。

圖表可視化語言的解析

給出了可視化語句之后，TuiCharts將經(jīng)過：詞法分析、語法解析、生成中間對象、生成echarts參數(shù)、echarts繪圖這幾個步驟。其中涉及該專利發(fā)明的部分有：詞法分析、語法解析、生成臨時對象、生成echarts參數(shù)這四部分，如圖3所示，圖3是本發(fā)明實(shí)施例的圖表可視化語言的解析過程圖。

下面解釋每一個部分詳細(xì)思路：

a.詞法分析

由于可視化語句(后簡寫為語句)是使用者自己書寫的，詞法分析部分主要用于判斷該語句是否符合規(guī)范，以保證給后續(xù)的部分操作中詞法是正確無誤的。用戶給出的語句在技術(shù)層面是一個字符串(string類型)，詞法分析將會從語句的第一個字符開始不斷循環(huán)，來判斷當(dāng)前這個字符是否可以出現(xiàn)。圖4為詞法分析部分的核心流程，它是一個程序循環(huán)，不斷循環(huán)每一個字符是否合法。

需要說明是，圖4是本發(fā)明實(shí)施例的詞法分析的代碼循環(huán)流程，圖4中的詞法邏輯判斷是該部分的核心部分，它會記錄上一個字符的內(nèi)容和當(dāng)前不能出現(xiàn)什么，如果當(dāng)前字符的內(nèi)容是記錄中不允許出現(xiàn)的字符，則會認(rèn)為語法錯誤。例如：如果上一個字符是“-”，那么當(dāng)前字符將不能是其他關(guān)系符號，因此語句：“l(fā)ine(a-+b)”將會判定為錯誤的詞法。

b.語法解析和中間對象

在經(jīng)過詞法分析之后，由于所有錯誤的語句已經(jīng)被終止，因此，該部分將默認(rèn)所有語句都是正確的。語法解析的過程將是一個遞歸調(diào)用的過程，即：將語句分解成最小的關(guān)系單元。

最小關(guān)系單元可以理解為最簡單的語句：“a+b”。它的組成方式是：“變量名稱關(guān)系符號變量名稱”，表示第一組數(shù)據(jù)和第二組數(shù)據(jù)之間是什么關(guān)系。每一個關(guān)系單元，將只關(guān)注兩個變量和中間的操作。因此，對于：“a+b>c”這種語句，由于“+”的優(yōu)先級大于“>”，因此，先做“+”，遞歸調(diào)用的步驟是：

先處理“a+b”,將該操作的結(jié)果臨時保存為A

再處理“A>c”。

每處理一個最小關(guān)系單元，都會得到一個臨時的結(jié)果，這個臨時的結(jié)果會被加入到上一層的最小關(guān)系單元中進(jìn)行處理，依次類推，最后得到除了函數(shù)之外，其他所有語句的處理結(jié)果。圖5是本發(fā)明實(shí)施例的遞歸單元的處理邏輯圖。

經(jīng)過遞歸處理后的結(jié)果，再根據(jù)函數(shù)對其增加屬性。如果函數(shù)是line(折線圖)，則將處理結(jié)果增加折線圖的相關(guān)參數(shù)。如果是column(柱狀圖)，則將處理結(jié)果增加柱狀圖的相關(guān)參數(shù)。

增加了圖形類型參數(shù)的中間結(jié)果就是中間對象。中間對象是一個JavaScript的對象(Object類型)數(shù)據(jù)，它是一個二叉樹，它的每一層節(jié)點(diǎn)是關(guān)系符號運(yùn)算，每一個分支的葉子節(jié)點(diǎn)是所運(yùn)算的數(shù)據(jù)變量名稱。例如：“l(fā)ine(a+(b+c)>d,e)”語句，經(jīng)過語法解析后會得到圖6所示的二叉樹結(jié)構(gòu)，圖6是本發(fā)明實(shí)施例解析“l(fā)ine(a+(b+c)>d,e)”語句的中間對象的二叉樹結(jié)構(gòu)示意圖，用于下一個步驟：“生成echarts”參數(shù)準(zhǔn)備。

c.生成echarts參數(shù)

中間對象用于生成echarts參數(shù)，在這個過程中，程序會從中間對象的根節(jié)點(diǎn)開始，深度優(yōu)先處理二叉樹，將所有的變量名稱所指向的數(shù)據(jù)，按照關(guān)系符號進(jìn)行對應(yīng)的運(yùn)算(例如：如果是line的“+”號，則將兩個變量所指向的數(shù)據(jù)依次相加)。每處理一個二叉樹節(jié)點(diǎn)，將向它的父節(jié)點(diǎn)返回一個處理好的結(jié)果，該結(jié)果會參與父節(jié)點(diǎn)的符號運(yùn)算，依次類推，一直計算到根節(jié)點(diǎn)。所有結(jié)果都以JavaScript的數(shù)組(Array類型)類型保存。

當(dāng)所有結(jié)果計算到根節(jié)點(diǎn)時，將得到一個包含所有數(shù)據(jù)的數(shù)組，這部分?jǐn)?shù)組就是echarts的數(shù)據(jù)部分參數(shù)。然后，程序再根據(jù)使用者提供的標(biāo)題、橫縱坐標(biāo)等信息，生成完整的echarts圖表參數(shù)，交給echarts接口進(jìn)行繪圖操作。

圖7是根據(jù)本發(fā)明實(shí)施例的圖表輸出裝置的結(jié)構(gòu)框圖，如圖7所示，包括：接收模塊70，用于接收圖表參數(shù)；選擇模塊72，用于根據(jù)所述圖像參數(shù)選擇圖表可視化語言；處理模塊74，用于解析所述圖表可視化語言并輸出對應(yīng)的圖表。

可選的，所述圖表內(nèi)容包括：圖表名稱、圖表對應(yīng)的橫坐標(biāo)內(nèi)容和縱坐標(biāo)內(nèi)容、圖表相關(guān)的數(shù)據(jù)。

可選的，根據(jù)所述圖像參數(shù)選擇圖表可視化語言包括：根據(jù)所述圖像參數(shù)選擇可視化語言函數(shù)、可視化語言關(guān)系符號、可視化語言變量。

可選的，所述處理模塊用于使用TuiCharts組件解析所述圖表可視化語言并輸出對應(yīng)的圖表。

可選的，所述函數(shù)名稱包含以下至少之一：折線圖、柱狀圖、餅狀圖。

可選的，所述關(guān)系符號包括以下至少之一：并列、包含、疊加或反向疊加、成對出現(xiàn)；其中，不同的關(guān)系符號對應(yīng)不同的運(yùn)算優(yōu)先級。

可選的，所述處理模塊包括；第一分析單元，用于對所述可視化語言進(jìn)行詞法分析；第二分析單元，用于對所述可視化語言進(jìn)行語法解析生成中間對象；處理單元，用于根據(jù)所述中間對象生成企業(yè)圖表庫echarts參數(shù)，使用所述echarts參數(shù)繪制echarts并輸出。

下面使用具體實(shí)施方式進(jìn)行說明：

TuiCharts是支持圖表可視化語言的組件，通過使用該組件，可以體現(xiàn)所有該專利所涉及的實(shí)施方式。

使用TuiCharts將會非常簡單，使用者只需向TuiCharts提供標(biāo)題、橫縱坐標(biāo)以及數(shù)據(jù)，然后設(shè)置可視化語句規(guī)則就可以看到圖表效果了。為了說明具體的實(shí)施方案，下面給出使用它的示例代碼：

var c＝new TuiCharts($('#charts'))；//實(shí)例化對象

c.setOption({

title:'年度旅客量統(tǒng)計',//設(shè)置標(biāo)題

tuiXAxis:['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],//設(shè)置橫坐標(biāo)數(shù)據(jù)

tuiData:window.chartsData.data//設(shè)置數(shù)據(jù)

})；

在設(shè)置完需要的數(shù)據(jù)之后，就可以使用可視化語句進(jìn)行定義并且畫圖了。

c.rules＝'line(a,b)'；

c.dealRules()；//解析語句

c.drawChart()；//畫圖

圖8為本發(fā)明實(shí)施例設(shè)置了“l(fā)ine(a,b)”所繪制出的圖表效果圖。

使用者可以根據(jù)自己的需要，任意設(shè)置可視化語法，TuiCharts會分別繪制出相應(yīng)的圖表。

通過本實(shí)施例，有效的減少了使用者在網(wǎng)頁上繪制圖表時所耗費(fèi)的時間，使用者不必查詢復(fù)雜的echarts參數(shù)，通過簡單的可視化語法即可實(shí)現(xiàn)所有參數(shù)的自動生成并繪圖。為使用者提供快捷方便的圖表展示的方式，使用者通過修改可視化語法，可以直接得到圖表的效果，使得使用者可將更多的精力集中在數(shù)據(jù)表的用途上面，而不是制作和調(diào)試上面?？梢杂行p少程序開發(fā)者的代碼行數(shù)，開發(fā)者除需要設(shè)置必要的數(shù)據(jù)之外，只需通過一條可視化語句來定義圖表的展示方式。

以上僅為本發(fā)明的優(yōu)選實(shí)施例而已，并不用于限制本發(fā)明，對于本領(lǐng)域的技術(shù)人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。