UReport2 圖表

2022-09-05 14:30 更新

       UReport2 中支持 10 種類型的圖表,分別是:餅狀圖、圓環(huán)圖、曲線圖、柱狀圖、水平柱狀圖、面積圖、雷達(dá)圖、極坐標(biāo)圖、散點(diǎn)圖以及氣泡圖,點(diǎn)擊工具欄上的

插入圖表的圖標(biāo),在彈出的菜單中選擇目標(biāo)圖表類型,即可完成圖表的添加工作。下圖中,我們添加了一個(gè)餅狀圖。

pie

       選中圖表所在單元格,即可在屬性面板中配置圖表的相關(guān)屬性。在 UReport2 中,圖表的屬性有三類,分別是與數(shù)據(jù)集綁定的屬性、配置 XY 軸的相關(guān)屬性以及配置圖例標(biāo)題之類的屬性。對(duì)于餅狀圖、圓環(huán)圖、雷達(dá)圖、極坐標(biāo)圖圖表來(lái)說(shuō),由于它們沒(méi)有 XY 軸,所以在屬性面板中看不到 XY 軸配置標(biāo)簽頁(yè)。

       在綁定數(shù)據(jù)集配置的的標(biāo)簽頁(yè)中,可以用來(lái)配置圖表要表現(xiàn)的具體數(shù)據(jù),在 UReport2 中圖表綁定的數(shù)據(jù)都來(lái)自數(shù)據(jù)源,所以在配置圖表之前,我們需要準(zhǔn)備好需要用圖表展示的具體數(shù)據(jù)的數(shù)據(jù)集。對(duì)于餅狀圖、圓環(huán)圖、曲線圖、柱狀圖、水平柱狀圖、面積圖、雷達(dá)圖、極坐標(biāo)圖幾種圖表來(lái)說(shuō),由于它們要展示數(shù)據(jù)結(jié)構(gòu)一樣,所以可以看到這些圖表的數(shù)據(jù)集綁定屬性都是一樣的,如下圖所示:

binding

       對(duì)于這幾圖表來(lái)說(shuō),系列值屬性支持靜態(tài)值,也就是說(shuō),當(dāng)前你的數(shù)據(jù)中只有一個(gè)系列時(shí)可以輸入一個(gè)字符串值作為這個(gè)系列的名稱,當(dāng)然如果你的系列是多個(gè),則可以選擇一個(gè)屬性來(lái)表現(xiàn)這個(gè)系列。我們先用圓環(huán)圖(圓環(huán)圖是餅圖的一種顯示方式,本質(zhì)上也是餅圖,所以它的屬性和餅圖完全一致)看一個(gè)例子。

demo1-def

       在上圖中,圓環(huán)的系列值屬性設(shè)置為靜態(tài)值,這樣它的運(yùn)行效果就是下面的樣子:

demo1-result

       如果我們希望在這個(gè)圓環(huán)中區(qū)分男女,那么可以系列值可以采用屬性方式來(lái)動(dòng)態(tài)定義,如下圖:

demo2-def

       如上圖,該圓環(huán)系列值為屬性 sex,運(yùn)行后的效果如下:

demo2-result

       可以看到,因?yàn)橛袃蓚€(gè)系列,圓環(huán)由兩個(gè)套在一起,里面的環(huán)顯示 sex 為 1 的員工信息,外面的環(huán)顯示 ?sex? 值為 0 的員工信息。

       關(guān)于系列值,大家也可以試試曲線圖、柱狀圖、水平柱狀圖、面積圖、雷達(dá)圖、極坐標(biāo)這幾種類型圖表,它們都可以表現(xiàn)單一系列或動(dòng)態(tài)的多系列圖表效果,這里就不再贅述。

        關(guān)于散點(diǎn)圖,它的 X、Y 軸都是數(shù)字,所以當(dāng)插入這種圖表時(shí)它的屬性面板的綁定數(shù)據(jù)集中需要我們選擇X軸對(duì)應(yīng)的屬性值和Y軸對(duì)應(yīng)的屬性值,這里我們的數(shù)據(jù)集中有下面這批數(shù)據(jù):

data

       報(bào)表中插入一個(gè)散點(diǎn)圖,配置綁定相關(guān)數(shù)據(jù)集屬性,如下圖:

demo3-def

       運(yùn)行后效果如下圖所示:

demo3-result

       氣泡圖,顧名思義,就是在一個(gè)坐標(biāo)圖中用氣泡來(lái)表示數(shù)據(jù),所以對(duì)于氣泡圖來(lái)說(shuō)它的X軸與Y軸也都是數(shù)字,它需要選擇 X 軸對(duì)應(yīng)的屬性值和 Y 軸對(duì)應(yīng)的屬性值,同時(shí)還需要選擇一個(gè)屬性用來(lái)定義氣泡的直徑,也就是氣泡顯示時(shí)的尺寸,具體這里就不再舉例,大家可以自己嘗試綁定合適的數(shù)據(jù)展示。

包含圖表的報(bào)表導(dǎo)出成 PDF、WORD 之類文件如果報(bào)表中包含圖表,同樣在導(dǎo)出成 WORD、EXCEL、PDF 之類文件時(shí)也可以將圖表導(dǎo)出,但前提是這些圖表必須先在  HTML 預(yù)覽頁(yè)面渲染,然后才能點(diǎn)擊工具欄上的導(dǎo)出按鈕將包含圖表的報(bào)表導(dǎo)出為其它類型的文件。之所以要這樣是因?yàn)閳D表是采用 H5 渲染,也就是說(shuō)包含圖表的報(bào)表需要支持 HTML5 的瀏覽器才能正確渲染,只有被 HTML5 渲染后,才可以導(dǎo)出成 WORD、EXCEL、PDF 之類文件,否則導(dǎo)出的文件中將不包含圖表。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)