插入圖表的圖標(biāo),在彈出的菜單中選擇目標(biāo)圖表類型,即可完成圖表的添加工作。下圖中,我們添加了一個餅狀圖。
選中圖表所在單元格,即可在屬性面板中配置圖表的相關(guān)屬性。在 UReport2 中,圖表的屬性有三類,分別是與數(shù)據(jù)集綁定的屬性、配置 XY 軸的相關(guān)屬性以及配置圖例標(biāo)題之類的屬性。對于餅狀圖、圓環(huán)圖、雷達(dá)圖、極坐標(biāo)圖圖表來說,由于它們沒有 XY 軸,所以在屬性面板中看不到 XY 軸配置標(biāo)簽頁。
在綁定數(shù)據(jù)集配置的的標(biāo)簽頁中,可以用來配置圖表要表現(xiàn)的具體數(shù)據(jù),在 UReport2 中圖表綁定的數(shù)據(jù)都來自數(shù)據(jù)源,所以在配置圖表之前,我們需要準(zhǔn)備好需要用圖表展示的具體數(shù)據(jù)的數(shù)據(jù)集。對于餅狀圖、圓環(huán)圖、曲線圖、柱狀圖、水平柱狀圖、面積圖、雷達(dá)圖、極坐標(biāo)圖幾種圖表來說,由于它們要展示數(shù)據(jù)結(jié)構(gòu)一樣,所以可以看到這些圖表的數(shù)據(jù)集綁定屬性都是一樣的,如下圖所示:
對于這幾圖表來說,系列值屬性支持靜態(tài)值,也就是說,當(dāng)前你的數(shù)據(jù)中只有一個系列時可以輸入一個字符串值作為這個系列的名稱,當(dāng)然如果你的系列是多個,則可以選擇一個屬性來表現(xiàn)這個系列。我們先用圓環(huán)圖(圓環(huán)圖是餅圖的一種顯示方式,本質(zhì)上也是餅圖,所以它的屬性和餅圖完全一致)看一個例子。
在上圖中,圓環(huán)的系列值屬性設(shè)置為靜態(tài)值,這樣它的運行效果就是下面的樣子:
如果我們希望在這個圓環(huán)中區(qū)分男女,那么可以系列值可以采用屬性方式來動態(tài)定義,如下圖:
如上圖,該圓環(huán)系列值為屬性 sex,運行后的效果如下:
可以看到,因為有兩個系列,圓環(huán)由兩個套在一起,里面的環(huán)顯示 sex 為 1 的員工信息,外面的環(huán)顯示 ?sex? 值為 0 的員工信息。
關(guān)于系列值,大家也可以試試曲線圖、柱狀圖、水平柱狀圖、面積圖、雷達(dá)圖、極坐標(biāo)這幾種類型圖表,它們都可以表現(xiàn)單一系列或動態(tài)的多系列圖表效果,這里就不再贅述。
關(guān)于散點圖,它的 X、Y 軸都是數(shù)字,所以當(dāng)插入這種圖表時它的屬性面板的綁定數(shù)據(jù)集中需要我們選擇X軸對應(yīng)的屬性值和Y軸對應(yīng)的屬性值,這里我們的數(shù)據(jù)集中有下面這批數(shù)據(jù):
報表中插入一個散點圖,配置綁定相關(guān)數(shù)據(jù)集屬性,如下圖:
運行后效果如下圖所示:
氣泡圖,顧名思義,就是在一個坐標(biāo)圖中用氣泡來表示數(shù)據(jù),所以對于氣泡圖來說它的X軸與Y軸也都是數(shù)字,它需要選擇 X 軸對應(yīng)的屬性值和 Y 軸對應(yīng)的屬性值,同時還需要選擇一個屬性用來定義氣泡的直徑,也就是氣泡顯示時的尺寸,具體這里就不再舉例,大家可以自己嘗試綁定合適的數(shù)據(jù)展示。
包含圖表的報表導(dǎo)出成 PDF、WORD 之類文件如果報表中包含圖表,同樣在導(dǎo)出成 WORD、EXCEL、PDF 之類文件時也可以將圖表導(dǎo)出,但前提是這些圖表必須先在 HTML 預(yù)覽頁面渲染,然后才能點擊工具欄上的導(dǎo)出按鈕將包含圖表的報表導(dǎo)出為其它類型的文件。之所以要這樣是因為圖表是采用 H5 渲染,也就是說包含圖表的報表需要支持 HTML5 的瀏覽器才能正確渲染,只有被 HTML5 渲染后,才可以導(dǎo)出成 WORD、EXCEL、PDF 之類文件,否則導(dǎo)出的文件中將不包含圖表。
更多建議: