頁面圖文報表生成方法和系統(tǒng)的制作方法
【專利摘要】本發(fā)明公開了一種頁面圖文報表生成方法和系統(tǒng)。所述方法包括：獲取用戶在頁面中輸入的文字信息和數(shù)據(jù)信息；根據(jù)預(yù)設(shè)的圖表樣式模板，生成所述數(shù)據(jù)信息對應(yīng)的圖表；根據(jù)預(yù)設(shè)的圖文樣式模板，生成所述文字信息和所述圖表對應(yīng)的圖文報表。本發(fā)明提供的頁面圖文報表生成方法，實現(xiàn)了圖表和圖文報表的結(jié)構(gòu)化輸出，能夠大幅提升復(fù)雜圖文報表的輸出效率，同時，每次獲取的文字信息和數(shù)據(jù)信息發(fā)生變化時，均會相應(yīng)地生成新的圖表和圖文報表，實時性強。
【專利說明】
頁面圖文報表生成方法和系統(tǒng)
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及圖文報表生成技術(shù)領(lǐng)域，特別涉及一種頁面圖文報表生成方法和系統(tǒng)。
【背景技術(shù)】
[0002]隨著電力行業(yè)信息化發(fā)展，各種信息需要統(tǒng)計整理分析?，F(xiàn)在制備帶有復(fù)雜統(tǒng)計圖表的報告(如年報、月報)時，通常需要借助離線的Office軟件，如使用Word進行文字排版，并使用Excel根據(jù)數(shù)據(jù)繪圖，然后將繪制的圖表插入文字中形成圖文報表。
[0003]但是，如果圖報表報中圖表很多，報表編輯調(diào)整費時費力，且每次數(shù)據(jù)更新時需要重新繪圖，數(shù)據(jù)實時性不高。

【發(fā)明內(nèi)容】

[0004]為了解決現(xiàn)有復(fù)雜圖文報表輸出效率低，數(shù)據(jù)實時性不高的問題，本發(fā)明實施例提供了一種頁面圖文報表生成方法和系統(tǒng)。所述技術(shù)方案如下:
[0005]—方面，本發(fā)明實施例提供了一種頁面圖文報表生成方法，所述方法包括:
[0006]獲取用戶在頁面中輸入的文字信息和數(shù)據(jù)信息；
[0007]根據(jù)預(yù)設(shè)的圖表樣式模板，生成所述數(shù)據(jù)信息對應(yīng)的圖表；
[0008]根據(jù)預(yù)設(shè)的圖文樣式模板，生成所述文字信息和所述圖表對應(yīng)的圖文報表。
[0009]在本發(fā)明實施例提供的頁面圖文報表生成方法中，所述根據(jù)預(yù)設(shè)的圖表樣式模板，生成所述數(shù)據(jù)信息對應(yīng)的圖表，包括:
[0010]采用瀏覽器中的Echarts，并根據(jù)預(yù)設(shè)的圖表樣式模板，生成所述數(shù)據(jù)信息對應(yīng)的圖表。
[0011]在本發(fā)明實施例提供的頁面圖文報表生成方法中，所述根據(jù)預(yù)設(shè)的圖文樣式模板，生成所述文字信息和所述圖表對應(yīng)的圖文報表，包括:
[0012]采用瀏覽器中的UEditor，并根據(jù)預(yù)設(shè)的圖文樣式模板，生成所述文字信息和所述圖表對應(yīng)的圖文報表。
[0013]在本發(fā)明實施例提供的頁面圖文報表生成方法中，所述方法還包括:
[0014]獲取用戶對所述圖文報表的手繪涂鴉標(biāo)注信息，并生成新的圖文報表。
[0015]在本發(fā)明實施例提供的頁面圖文報表生成方法中，所述圖表樣式模板和所述圖文樣式模板均從在線模板數(shù)據(jù)服務(wù)器或者本地模板數(shù)據(jù)庫中獲取。
[0016]另一方面，本發(fā)明實施例提供了一種頁面圖文報表生成系統(tǒng)，包括:
[0017]獲取模塊，用于獲取用戶在頁面中輸入的文字信息和數(shù)據(jù)信息；
[0018]第一生成模塊，用于根據(jù)預(yù)設(shè)的圖表樣式模板，生成所述數(shù)據(jù)信息對應(yīng)的圖表；
[0019]第二生成模塊，用于根據(jù)預(yù)設(shè)的圖文樣式模板，生成所述文字信息和所述圖表對應(yīng)的圖文報表。
[0020]在本發(fā)明實施例提供的頁面圖文報表生成系統(tǒng)中，所述第一生成模塊，還用于采用瀏覽器中的Echarts，并根據(jù)預(yù)設(shè)的圖表樣式模板，生成所述數(shù)據(jù)信息對應(yīng)的圖表。
[0021]在本發(fā)明實施例提供的頁面圖文報表生成系統(tǒng)中，所述第二生成模塊，還用于采用瀏覽器中的UEditor，并根據(jù)預(yù)設(shè)的圖文樣式模板，生成所述文字信息和所述圖表對應(yīng)的圖文報表。
[0022]在本發(fā)明實施例提供的頁面圖文報表生成系統(tǒng)中，還包括:
[0023]處理模塊，用于獲取用戶對所述圖文報表的手繪涂鴉標(biāo)注信息，并生成新的圖文手艮^；。
[0024]在本發(fā)明實施例提供的頁面圖文報表生成系統(tǒng)中，所述圖表樣式模板和所述圖文樣式模板均從在線模板數(shù)據(jù)服務(wù)器或者本地模板數(shù)據(jù)庫中獲取。
[0025]本發(fā)明實施例提供的技術(shù)方案帶來的有益效果是:
[0026]通過獲取用戶在頁面中輸入的文字信息和數(shù)據(jù)信息;然后通過根據(jù)預(yù)設(shè)的圖表樣式模板，生成數(shù)據(jù)信息對應(yīng)的圖表;最后通過根據(jù)預(yù)設(shè)的圖文樣式模板，生成文字信息和圖表對應(yīng)的圖文報表。這樣該頁面圖文報表生成方法，實現(xiàn)了圖表和圖文報表的結(jié)構(gòu)化輸出，能夠大幅提升復(fù)雜圖文報表的輸出效率，同時，每次獲取的文字信息和數(shù)據(jù)信息發(fā)生變化時，均會相應(yīng)地生成新的圖表和圖文報表，實時性強。
【附圖說明】
[0027]為了更清楚地說明本發(fā)明實施例中的技術(shù)方案，下面將對實施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0028]圖1是本發(fā)明實施例一提供的一種頁面圖文報表生成方法流程圖；
[0029]圖2是本發(fā)明實施例一提供的一種頁面圖文報表生成方法流程圖；
[0030]圖3是本發(fā)明實施例二提供的一種頁面圖文報表生成系統(tǒng)結(jié)構(gòu)示意圖；
[0031]圖4是本發(fā)明實施例二提供的一種頁面圖文報表生成系統(tǒng)結(jié)構(gòu)示意圖。
【具體實施方式】
[0032]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點更加清楚，下面將結(jié)合附圖對本發(fā)明實施方式作進一步地詳細描述。
[0033]實施例一
[0034]本發(fā)明實施例提供了一種頁面圖文報表生成方法，參見圖1，該方法包括:
[0035]步驟Sll，獲取用戶在頁面中輸入的文字信息和數(shù)據(jù)信息。
[0036]在本實施例中，終端實時獲取用戶在web頁面中輸入文字信息和數(shù)據(jù)信息，其中，數(shù)據(jù)信息是用于繪制圖表的。實時獲取文字信息和數(shù)據(jù)信息相當(dāng)于為web頁面配置數(shù)據(jù)源，使得數(shù)據(jù)的實時性更強。
[0037]步驟S12，根據(jù)預(yù)設(shè)的圖表樣式模板，生成數(shù)據(jù)信息對應(yīng)的圖表。
[0038]在本實施例中，該圖表樣式模板可以由終端從聯(lián)網(wǎng)的在線模板數(shù)據(jù)服務(wù)器中獲取，也可以從本地儲模板數(shù)據(jù)庫中獲取，本地儲存的模板可以由用戶編輯制備而來。圖表樣式模板的來源選擇多樣化，且能根據(jù)用戶的實際需求而設(shè)計，十分人性化，實用性強。
[0039]而且，終端在獲取到更新的數(shù)據(jù)信息時，可以更新生成的圖表，使得該圖表實時性更強，也免除了用戶重復(fù)輸入數(shù)據(jù)信息的麻煩，提高工作效率。
[0040]具體地，上述步驟S12可以通過如下方式實現(xiàn):
[0041]采用瀏覽器中的Echarts，并根據(jù)預(yù)設(shè)的圖表樣式模板，生成數(shù)據(jù)信息對應(yīng)的圖表。
[0042]在本實施例中，在瀏覽器中加載Echarts，來實現(xiàn)在線圖表的編輯，或者，實現(xiàn)在線圖表樣式模板的開發(fā)設(shè)計，實現(xiàn)模板結(jié)構(gòu)化，進而加快圖表生成速度。采用Echarts圖表編輯功能，代替原指標(biāo)報告N個excel模板方式的圖表編排方式，大幅提升模板變更時報表編排效率。
[0043]步驟S13，根據(jù)預(yù)設(shè)的圖文樣式模板，生成文字信息和圖表對應(yīng)的圖文報表。
[0044]在本實施例中，將文字信息和生成的圖表，依據(jù)預(yù)設(shè)的圖文樣式模板，生成對應(yīng)的圖文報表，并在線輸出(例如:輸出為I3DF、WORD文檔，或者，進行TOF、WORD格式的打印)。
[0045]此外，該圖文樣式模板可以由終端從聯(lián)網(wǎng)的在線模板數(shù)據(jù)服務(wù)器中獲取，也可以從本地儲存模板數(shù)據(jù)庫中獲取，本地儲存的模板可以由用戶編輯制備而來。圖文樣式模板的來源選擇多樣化，且能根據(jù)用戶的實際需求而設(shè)計，十分人性化，實用性強。
[0046]具體地，上述步驟S13可以通過如下方式實現(xiàn):
[0047]采用瀏覽器中的UEditor，并根據(jù)預(yù)設(shè)的圖文樣式模板，生成文字信息和圖表對應(yīng)的圖文報表。
[0048]在本實施例中，采用瀏覽器中的UEditor，實現(xiàn)富文本編輯，結(jié)構(gòu)化圖文報表的圖文樣式模板，提升報告輸出效率，此外，還可以實現(xiàn)網(wǎng)頁版仿word風(fēng)格的編輯功能。
[0049]參見圖2，該方法還包括:
[0050]步驟S14，獲取用戶對圖文報表的手繪涂鴉標(biāo)注信息，并生成新的圖文報表。
[0051 ]在本實施例中，該方法還支持用戶直接對生成的圖文報表進行手繪涂鴉標(biāo)注，并會根據(jù)用戶進行的手動修改生成新的圖文報表，使得生成圖文報表的操作更加人性化，更具有實用性。
[0052]在本實施例中，該頁面圖文報表生成方法，使用Ueditor代替Word實現(xiàn)在線文字排版，整合Echarts代替Excel實現(xiàn)在線圖表繪制。Web頁面加以配置數(shù)據(jù)源，實時刷新可以取得最新數(shù)據(jù)圖表。同時支持圖表風(fēng)格在線配置，在其上手動涂鴉、標(biāo)注，支持在線word文件導(dǎo)出。因此極大的提升了報表輸出效率，節(jié)省了服務(wù)器端資源，增進了用戶體驗。在實際應(yīng)用中，原來輸出一份復(fù)雜的指標(biāo)年報，大概需要3-5人編寫兩周?，F(xiàn)在采用上述方法，大概需要I人3天即可，工作效率大幅提升。此外，數(shù)據(jù)實時性也由原來的離線編輯變成了在線刷新，實時性更強。
[0053]本發(fā)明實施例先通過獲取用戶在頁面中輸入的文字信息和數(shù)據(jù)信息;然后通過根據(jù)預(yù)設(shè)的圖表樣式模板，生成數(shù)據(jù)信息對應(yīng)的圖表;最后通過根據(jù)預(yù)設(shè)的圖文樣式模板，生成文字信息和圖表對應(yīng)的圖文報表。這樣該頁面圖文報表生成方法，實現(xiàn)了圖表和圖文報表的結(jié)構(gòu)化輸出，能夠大幅提升復(fù)雜圖文報表的輸出效率，同時，每次獲取的文字信息和數(shù)據(jù)信息發(fā)生變化時，均會相應(yīng)地生成新的圖表和圖文報表，實時性強。
[0054]實施例二
[0055]本發(fā)明實施例提供了一種頁面圖文報表生成系統(tǒng)，參見圖3，該系統(tǒng)可以包括:獲取模塊100、第一生成模塊200、第二生成模塊300。
[0056]獲取模塊100，用于獲取用戶在頁面中輸入的文字信息和數(shù)據(jù)信息。
[0057]在本實施例中，終端實時獲取用戶在web頁面中輸入文字信息和數(shù)據(jù)信息，其中，數(shù)據(jù)信息是用于繪制圖表的。實時獲取文字信息和數(shù)據(jù)信息相當(dāng)于為web頁面配置數(shù)據(jù)源，使得數(shù)據(jù)的實時性更強。
[0058]第一生成模塊200，用于根據(jù)預(yù)設(shè)的圖表樣式模板，生成數(shù)據(jù)信息對應(yīng)的圖表。
[0059]在本實施例中，該圖表樣式模板可以由終端從聯(lián)網(wǎng)的在線模板數(shù)據(jù)服務(wù)器中獲取，也可以從本地儲模板數(shù)據(jù)庫中獲取，本地儲存的模板可以由用戶編輯制備而來。圖表樣式模板的來源選擇多樣化，且能根據(jù)用戶的實際需求而設(shè)計，十分人性化，實用性強。
[0060]而且，終端在獲取到更新的數(shù)據(jù)信息時，可以更新生成的圖表，使得該圖表實時性更強，也免除了用戶重復(fù)輸入數(shù)據(jù)信息的麻煩，提高工作效率。
[0061]第二生成模塊300，用于根據(jù)預(yù)設(shè)的圖文樣式模板，生成文字信息和圖表對應(yīng)的圖文報表。
[0062]在本實施例中，將文字信息和生成的圖表，依據(jù)預(yù)設(shè)的圖文樣式模板，生成對應(yīng)的圖文報表，并在線輸出(例如:輸出為I3DF、WORD文檔，或者，進行TOF、WORD格式的打印)。
[0063]此外，該圖文樣式模板可以由終端從聯(lián)網(wǎng)的在線模板數(shù)據(jù)服務(wù)器中獲取，也可以從本地儲存模板數(shù)據(jù)庫中獲取，本地儲存的模板可以由用戶編輯制備而來。圖文樣式模板的來源選擇多樣化，且能根據(jù)用戶的實際需求而設(shè)計，十分人性化，實用性強。
[0064]具體地，第一生成模塊200，還用于采用瀏覽器中的Echarts，并根據(jù)預(yù)設(shè)的圖表樣式模板，生成數(shù)據(jù)信息對應(yīng)的圖表。
[0065]在本實施例中，在瀏覽器中加載Echarts，來實現(xiàn)在線圖表的編輯，或者，實現(xiàn)在線圖表樣式模板的開發(fā)設(shè)計，實現(xiàn)模板結(jié)構(gòu)化，進而加快圖表生成速度。采用Echarts圖表編輯功能，代替原指標(biāo)報告N個excel模板方式的圖表編排方式，大幅提升模板變更時報表編排效率。
[0066]具體地，第二生成模塊300，還用于采用瀏覽器中的UEditor，并根據(jù)預(yù)設(shè)的圖文樣式模板，生成文字信息和圖表對應(yīng)的圖文報表。
[0067]在本實施例中，采用瀏覽器中的UEditor，實現(xiàn)富文本編輯，結(jié)構(gòu)化圖文報表的圖文樣式模板，提升報告輸出效率，此外，還可以實現(xiàn)網(wǎng)頁版仿word風(fēng)格的編輯功能。
[0068]具體地，參見圖4，該系統(tǒng)還可以包括:處理模塊400。
[0069]處理模塊400，用于獲取用戶對圖文報表的手繪涂鴉標(biāo)注信息，并生成新的圖文報表。
[0070]在本實施例中，該系統(tǒng)還支持用戶直接對生成的圖文報表進行手繪涂鴉標(biāo)注，并會根據(jù)用戶進行的手動修改生成新的圖文報表，使得生成圖文報表的操作更加人性化，更具有實用性。
[0071]在本實施例中，該頁面圖文報表生成系統(tǒng)，使用Ueditor代替Word實現(xiàn)在線文字排版，整合Echarts代替Excel實現(xiàn)在線圖表繪制。Web頁面加以配置數(shù)據(jù)源，實時刷新可以取得最新數(shù)據(jù)圖表。同時支持圖表風(fēng)格在線配置，在其上手動涂鴉、標(biāo)注，支持在線word文件導(dǎo)出。因此極大的提升了報表輸出效率，節(jié)省了服務(wù)器端資源，增進了用戶體驗。在實際應(yīng)用中，原來輸出一份復(fù)雜的指標(biāo)年報，大概需要3-5人編寫兩周?，F(xiàn)在采用上述系統(tǒng)，大概需要I人3天即可，工作效率大幅提升。此外，數(shù)據(jù)實時性也由原來的離線編輯變成了在線刷新，實時性更強。
[0072]本發(fā)明實施例先通過獲取用戶在頁面中輸入的文字信息和數(shù)據(jù)信息;然后通過根據(jù)預(yù)設(shè)的圖表樣式模板，生成數(shù)據(jù)信息對應(yīng)的圖表;最后通過根據(jù)預(yù)設(shè)的圖文樣式模板，生成文字信息和圖表對應(yīng)的圖文報表。這樣該頁面圖文報表生成系統(tǒng)，實現(xiàn)了圖表和圖文報表的結(jié)構(gòu)化輸出，能夠大幅提升復(fù)雜圖文報表的輸出效率，同時，每次獲取的文字信息和數(shù)據(jù)信息發(fā)生變化時，均會相應(yīng)地生成新的圖表和圖文報表，實時性強。
[0073]上述本發(fā)明實施例序號僅僅為了描述，不代表實施例的優(yōu)劣。
[0074]需要說明的是:上述實施例提供的頁面圖文報表生成系統(tǒng)在實現(xiàn)頁面圖文報表生成方法時，僅以上述各功能模塊的劃分進行舉例說明，實際應(yīng)用中，可以根據(jù)需要而將上述功能分配由不同的功能模塊完成，即將設(shè)備的內(nèi)部結(jié)構(gòu)劃分成不同的功能模塊，以完成以上描述的全部或者部分功能。另外，上述實施例提供的頁面圖文報表生成系統(tǒng)與頁面圖文報表生成方法實施例屬于同一構(gòu)思，其具體實現(xiàn)過程詳見方法實施例，這里不再贅述。
[0075]本領(lǐng)域普通技術(shù)人員可以理解實現(xiàn)上述實施例的全部或部分步驟可以通過硬件來完成，也可以通過程序來指令相關(guān)的硬件完成，所述的程序可以存儲于一種計算機可讀存儲介質(zhì)中，上述提到的存儲介質(zhì)可以是只讀存儲器，磁盤或光盤等。
[0076]以上所述僅為本發(fā)明的較佳實施例，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應(yīng)包含在本發(fā)明的保護范圍之內(nèi)。
【主權(quán)項】
1.一種頁面圖文報表生成方法，其特征在于，所述方法包括: 獲取用戶在頁面中輸入的文字信息和數(shù)據(jù)信息； 根據(jù)預(yù)設(shè)的圖表樣式模板，生成所述數(shù)據(jù)信息對應(yīng)的圖表； 根據(jù)預(yù)設(shè)的圖文樣式模板，生成所述文字信息和所述圖表對應(yīng)的圖文報表。2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)預(yù)設(shè)的圖表樣式模板，生成所述數(shù)據(jù)信息對應(yīng)的圖表，包括: 采用瀏覽器中的Echarts，并根據(jù)預(yù)設(shè)的圖表樣式模板，生成所述數(shù)據(jù)信息對應(yīng)的圖表。3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)預(yù)設(shè)的圖文樣式模板，生成所述文字信息和所述圖表對應(yīng)的圖文報表，包括: 采用瀏覽器中的UEditor，并根據(jù)預(yù)設(shè)的圖文樣式模板，生成所述文字信息和所述圖表對應(yīng)的圖文報表。4.根據(jù)權(quán)利要求1-3任一項所述的方法，其特征在于，所述方法還包括: 獲取用戶對所述圖文報表的手繪涂鴉標(biāo)注信息，并生成新的圖文報表。5.根據(jù)權(quán)利要求1-3任一項所述的方法，其特征在于，所述圖表樣式模板和所述圖文樣式模板均從在線模板數(shù)據(jù)服務(wù)器或者本地模板數(shù)據(jù)庫中獲取。6.一種頁面圖文報表生成系統(tǒng)，其特征在于，包括: 獲取模塊，用于獲取用戶在頁面中輸入的文字信息和數(shù)據(jù)信息； 第一生成模塊，用于根據(jù)預(yù)設(shè)的圖表樣式模板，生成所述數(shù)據(jù)信息對應(yīng)的圖表； 第二生成模塊，用于根據(jù)預(yù)設(shè)的圖文樣式模板，生成所述文字信息和所述圖表對應(yīng)的圖文報表。7.根據(jù)權(quán)利要求6所述的系統(tǒng)，其特征在于，所述第一生成模塊，還用于采用瀏覽器中的Echarts，并根據(jù)預(yù)設(shè)的圖表樣式模板，生成所述數(shù)據(jù)信息對應(yīng)的圖表。8.根據(jù)權(quán)利要求6所述的系統(tǒng)，其特征在于，所述第二生成模塊，還用于采用瀏覽器中的UEditor，并根據(jù)預(yù)設(shè)的圖文樣式模板，生成所述文字信息和所述圖表對應(yīng)的圖文報表。9.根據(jù)權(quán)利要求6-8任一項所述的系統(tǒng)，其特征在于，還包括: 處理模塊，用于獲取用戶對所述圖文報表的手繪涂鴉標(biāo)注信息，并生成新的圖文報表。10.根據(jù)權(quán)利要求6-8任一項所述的系統(tǒng)，其特征在于，所述圖表樣式模板和所述圖文樣式模板均從在線模板數(shù)據(jù)服務(wù)器或者本地模板數(shù)據(jù)庫中獲取。
【文檔編號】G06F17/24GK106095740SQ201610389662
【公開日】2016年11月9日
【申請日】2016年6月3日 公開號201610389662.1, CN 106095740 A, CN 106095740A, CN 201610389662, CN-A-106095740, CN106095740 A, CN106095740A, CN201610389662, CN201610389662.1
【發(fā)明人】李有鋮, 趙繼光, 駱潔藝, 奚建飛, 尚超, 陳強, 林鎮(zhèn)鋒
【申請人】中國南方電網(wǎng)有限責(zé)任公司, 深圳市康拓普信息技術(shù)有限公司