商業(yè)智能(BI)-第15章 數(shù)據(jù)可視化

1、第 15章 數(shù)據(jù)可視化分析可是化概念:可視化分析,又叫綜合分析、 EIS 等,他將相關(guān)聯(lián)的數(shù)據(jù)、報(bào)表、儀表盤、 和圖形等組織在一起, 通過數(shù)據(jù)、 對象間的聯(lián)動(dòng)、 鉆取來實(shí)現(xiàn)快速的、 多角度的 數(shù)據(jù)查看、追蹤和挖掘,從而協(xié)助決策者做出正確的判斷與決策的過程。 可視化特點(diǎn):拖放式和配置式的界面設(shè)計(jì),所見即所得,易學(xué)易用;圖形豐富、動(dòng)感;足夠多的輔助對象,能輕松實(shí)現(xiàn)用戶交互;強(qiáng)大的數(shù)據(jù)追蹤,能追本溯源,實(shí)現(xiàn)簡單。15.2 第一個(gè)簡單的可視化界面制作在這個(gè)示例中簡要的介紹了圖表的界面布局, 以及幾種圖表制作的幾個(gè)基本 的步驟。首先確認(rèn)界面的布局,也就是我們的示例要做成什么樣子的,本示例界面中 的布局,

2、如下圖: 第一步,根據(jù)我們已經(jīng)確定好的布局圖,可以看出這是三個(gè)不用維度的數(shù)據(jù)組,所以,我們需要做三個(gè)查詢,用于圖表展示的數(shù)據(jù),第一個(gè)查詢名稱為“地 區(qū)明細(xì)查詢”同時(shí)設(shè)置“地區(qū)”為查詢參數(shù),如下圖: 結(jié)果如下圖: 第二個(gè)查詢名稱為“城市明細(xì)查詢” ,同時(shí)設(shè)置“城市”為查詢參數(shù),如下 圖:結(jié)果如下圖: 第三個(gè)查詢名稱為“類別明細(xì)查詢” ,同時(shí)設(shè)置“類別”為查詢參數(shù),如下 圖: 結(jié)果,如下圖: 第二步:有了以上的數(shù)據(jù),我們就可以通過圖表來展示了.新建窗體,將 上一步做好的三個(gè)查詢一一拖放進(jìn)來,在彈出的窗體中選擇“是” . 第三步:在窗體的快捷按鈕區(qū)中點(diǎn)擊如下圖,選擇“圖表” . 第四步:選中插入到窗

3、體中的圖表,點(diǎn)擊右鍵,選擇“屬性頁” ,如下圖: 屬性頁的輸入框內(nèi)容可以從旁邊的下拉列表中獲得。根據(jù)自己所需的維度來選擇自己所需的字段 .Axis Column 相當(dāng)于 X 軸, Series Column 相當(dāng)于 Y 軸, Tip Column 鼠標(biāo)懸停所顯示的數(shù)據(jù)。 在 “ Bind EnvVar ” 綁定 “地區(qū)明細(xì)查詢” 中設(shè)置的參數(shù)字段,并在名稱前加注“ ? ” ,該參數(shù)適用于當(dāng)前窗體整個(gè)生命周 期,如下圖:同時(shí),點(diǎn)擊圖表后,在界面右下方的屬性區(qū)同樣也會(huì)出現(xiàn)選中圖表的屬性, 內(nèi)容設(shè)置與上圖相同,如下圖: 第五步:以同樣的操作方式,完成剩余的兩個(gè)圖表。如下圖: 但是依照之前設(shè)計(jì)的布局,

4、右側(cè)的兩個(gè)圖表是柱狀圖,那要如何來實(shí)現(xiàn)呢? 方式很簡單,只要在被選中圖表的屬性區(qū),改變“ ChartType ”的屬性即可,如 下圖: 本示例中,我分別為右側(cè)的兩個(gè)圖表選擇了“ 2”和“ 4”選項(xiàng)。屬性說明:AxisColumn:圖表所對應(yīng)的列名稱。SeriesColumns:各塊所對應(yīng)的列的值。ChartType:選擇圖表的類型。Sytle:選擇對應(yīng)的圖表類型的風(fēng)格,如:2D,3D Vista等。Bind EnvVar:綁定參數(shù)。其中:BindEnvVar:所綁定的參數(shù)名稱應(yīng)該于查詢“按地區(qū)統(tǒng)計(jì)”中的參數(shù) 名稱完全相同.第六步:在做好了以上設(shè)置后,刷新窗體,圖表的最終效果展示如下: 15.3

5、 可視化分析的可用元素15.3.1 表格15.3.1.1 查詢表格查詢報(bào)表是 BQ 的可展示基本元素之一, 他在效率和容量方面表現(xiàn)尤為凸出; 界面風(fēng)格可配置性高,能完全融入到可視化分析的頁面內(nèi)。 第一步,新建一個(gè)窗體后,可以直接將系統(tǒng)共享區(qū)內(nèi)的查詢報(bào)表拖放到窗體 中。在提示的對話框中選擇“否” ,如下圖: 選擇“否”后,一個(gè)簡單的查詢表格界面就形成了,如下圖: 第二步, 界面的美化:完成界面的布局后, 對于界面的一些美化屬性還要進(jìn) 行一些設(shè)置。 如:去掉查詢報(bào)表的工具欄需要在 BQ 屬性中配置:ShowToolBars = false ,如下圖: 得到結(jié)果,如下圖: 第三步,對于更多的美化設(shè)置

6、,主要針對于查詢本身,所以我們要轉(zhuǎn)到該查詢中來進(jìn)行操作。打開拖放到界面中的查詢,選擇快捷工具欄中的按鈕的下拉列表下的“顯示 /修改表格屬性” ,如下圖: 第四步,在彈出的對話框直接點(diǎn)擊“確定”按鈕,如下圖: 點(diǎn)擊 “確定” 按鈕后, 在屬性區(qū)得到該查詢的所有屬性界面, 由于版面所限,僅展示局部,如下圖: 對于大多數(shù)的用于對查詢的界面調(diào)整主要是去掉數(shù)據(jù)前面的數(shù)字列, 可以參照屬性區(qū)的相應(yīng)的名稱來調(diào)整, 例如:我要去掉行頭和列頭,就可以參照屬性進(jìn)行選擇,如下圖: 由此我們在重新打開后的窗體對象上得到了一個(gè)無頭無列的查詢報(bào)表, 如下圖: 最后再為這個(gè)表格打個(gè)邊框, 在窗體的設(shè)計(jì)模式下, 在快捷工具條

7、中點(diǎn)擊 “分組框” ,如下圖: 選中該“分組框” ,點(diǎn)擊右鍵,選擇“屬性頁” ,如下圖: 然后在隨后彈出的對話框中填寫要顯示的命名,如下圖: 得到的窗體結(jié)果,如下圖: 15.3.1.1 Excel表格Excel 表格形式的可視化界面,就是在把系統(tǒng)共享區(qū)中的表格式智能報(bào)表, 拖放到窗體中,如下圖: 被拖放到窗體中的表格式智能報(bào)表的展現(xiàn)方式, 是以一個(gè)完整的 Excel 的形 式, 所以在報(bào)表的上方會(huì)帶有 Excel 自己的工具欄。 去掉此工具欄的方法:選中 此報(bào)表控件,在右側(cè)的屬性區(qū),找到 ShowToolbar 屬性,選擇“ False ”選項(xiàng), 如下圖: 完成屬性更改后,界面運(yùn)行后結(jié)果,如下

8、圖: 15.3.2 靜態(tài) GDI 圖表15.3.2.1 餅圖第一步,構(gòu)建一個(gè)具備所需數(shù)據(jù)的查詢,如下圖: 第二步, 點(diǎn)擊查詢結(jié)果集上方的圖表視圖 按鈕, 選擇 “圖表視圖” , 如下圖: 點(diǎn)擊圖表視圖按鈕后,查詢結(jié)果集界面會(huì)直接跳轉(zhuǎn)為圖表界面,默認(rèn)的顯示 形式是柱狀圖,如下圖: 第三步,餅形圖的選擇:點(diǎn)擊圖形上方的“圖表屬性” 按鈕,在彈 示出的屬性對話框中,做所需設(shè)置如下圖: 按照以下的路徑選擇“ Chart->Series->Change” ,得到右側(cè)圖表樣式,如下圖: 選中餅形圖的圖標(biāo),點(diǎn)擊圖標(biāo)左下角的下拉按鈕,在顯示出的更多可選餅形圖中選擇符合自己要求的圖表,如下圖: 第四

9、步,確定好圖表類型后,選擇對話框中的“ ok ”按鈕,就可以一步步的 返回,并且完成了餅形圖的設(shè)置,如下圖: 一個(gè)完整的餅形圖就完成了。15.3.2.2 柱狀圖柱形圖的制作方法就是餅形圖的前兩個(gè)步驟。也就是說構(gòu)建好查詢后,點(diǎn)擊查詢結(jié)果集上方的圖表視圖 按鈕,選擇“圖表視圖” ,默認(rèn)情況下出現(xiàn) 的即是該查詢的柱形圖,如下圖:對于一切有關(guān)于圖表屬性的更改都可以在 “圖表屬性” 中找到, 如 下圖: 15.3.2.3 折線圖折線圖的制作方法及步驟與餅圖基本相同。同樣在構(gòu)建好查詢后,點(diǎn)擊查詢結(jié)果集上方的圖表視圖 按鈕,選擇“圖表視圖” 。只是在最后的圖形選 擇上需要選擇折線圖,如下圖: 選擇好折線圖后

10、,一步步確認(rèn)返回,即完成一個(gè)最基本的折線圖圖表,如下圖: 如果對這樣的圖形效果不滿意,可以在“圖表屬性”中進(jìn)行修改。例如:一 個(gè)有立體感的圖形可能會(huì)更加具有視覺效果,如下圖: 要達(dá)到這樣的圖形效果很簡單,在“圖表屬性”中依照以前的修改圖形的步 驟來更改圖形的形態(tài),具體步驟如下圖: 根據(jù)上面的配置,我們得到了另一個(gè)形態(tài)的圖形,如下圖: 然后在現(xiàn)有的圖形數(shù)據(jù)點(diǎn)上添加字段名稱,具體步驟如下圖:這樣我們就得到了一個(gè)視覺效果相對理想的折線圖了。15.3.2.4 堆積圖為了 表示各組成部分在一定序列上的變化情況,我們需要用到堆積圖,在這 里以柱狀堆積圖為例,如下圖: 與其他圖形有所不同的是,在堆積圖中至少

11、要有兩個(gè)字段對象。在圖形類別的選擇中點(diǎn)擊 “ Bar ” 類型圖標(biāo)下的下拉列表, 在列表中根據(jù)所需圖形選擇 “ Stack ” 類型柱狀堆積圖。確定圖表類型后,單擊“ OK ” ,返回圖表,就會(huì)得到本節(jié)開始時(shí)的柱狀堆積 圖的效果。15.3.2.5 Point圖Point 圖的設(shè)置與上面的圖表設(shè)置基本相同,只要在“圖表屬性”中選擇相 應(yīng)的 Point 圖就可以了,如下圖: 確定圖形后,得到 Point 形式的結(jié)果,如下圖: 如果以上“標(biāo)準(zhǔn)圖形”屬性中的 Point 圖模板不能滿足現(xiàn)有對象要求,也可 以選擇在 “其他圖形” 屬性中的 “ LinePoint 圖” 、 “ ImagePoint 圖”

12、 和 “ DettaPoint 圖” ,如下圖: 15.3.2.6 氣泡圖氣泡圖的設(shè)置與 Point 圖的設(shè)置基本相同(請參見 Point 圖 ,只要在“圖 表屬性”中選擇相應(yīng)的氣泡圖就可以了。15.3.2.7 圓環(huán)圖圓環(huán)圖的設(shè)置與其他圖形的設(shè)置稍有不同, 因?yàn)閳A環(huán)圖不是在之前的保準(zhǔn)的 圖形屬性中, 而是需要到擴(kuò)展的圖形屬性中來找到它。 在它的擴(kuò)展下拉選項(xiàng)中選 擇所需要的圓環(huán)類別圖,如下圖:15.3.2.8 雷達(dá)圖雷達(dá)圖是常用圖形之一,從視覺效果來看,推薦用于顯示 4個(gè)以上的參數(shù)值 是使用,如下圖: 選定后,效果如下圖: 15.3.2.9 組合圖組合圖形多用于兩個(gè)參數(shù)量的比較,同樣的圖形可能會(huì)

13、使圖形顯示不清晰, 這個(gè)時(shí)候就推薦使用組合圖,如下圖:本例中的組合圖與之前的柱形圖和折線圖的設(shè)置完全相同, 這里只是需要分 別對兩個(gè)參量進(jìn)行設(shè)置,如下圖: 15.3.2.10 雙坐標(biāo)軸組合圖雙坐標(biāo)軸要用于兩種不同的圖形圖表組合圖的基礎(chǔ)上,例如:柱狀圖 +折線 圖,如下圖: 在“圖表屬性”中對右側(cè)的坐標(biāo)進(jìn)行設(shè)置,如下圖: 得到結(jié)果,如下圖:更多關(guān)于 TeeChart 屬性,請查閱相關(guān)幫助手冊。15.3.3 動(dòng)態(tài)元素動(dòng)態(tài)元素的主要組成部分就是統(tǒng)計(jì)圖, 統(tǒng)計(jì)圖是做可視化分析必不可少的元 素, 不同的圖形它所承載的含義是不同的, 因此選擇一個(gè)合適、 正確的統(tǒng)計(jì)圖形 是很重要的;動(dòng)態(tài)元素與靜態(tài)元素最大的

14、區(qū)別在于,動(dòng)態(tài)元素都是通過窗體來展現(xiàn),也就 是說要新建窗體,然后在窗體的基礎(chǔ)上在做動(dòng)態(tài)圖形展示。15.3.3.1 餅形圖(Pie 形圖第一步:當(dāng)然是通過查詢構(gòu)建數(shù)據(jù),做兩個(gè)查詢,一個(gè)是圖表展示的數(shù)據(jù), 查詢名稱為“按地區(qū)統(tǒng)計(jì)” ,如下圖: 第二個(gè)查詢:用于鏈接到的目標(biāo)查詢,名稱為“地區(qū)明細(xì)查詢” ,如下圖: 地區(qū)明細(xì)查詢: 第二步:有了以上的數(shù)據(jù),我們就可以通過圖表來展示了.新建窗體,將 上一步做好的查詢“按地區(qū)統(tǒng)計(jì)”拖放進(jìn)來,在彈出的窗體中選擇“是” . 第三步:在窗體的快捷按鈕區(qū)中點(diǎn)擊如下圖,選擇“圖表” . 第四步:選中所插入的圖表,設(shè)置其右側(cè)的屬性如下圖: 屬性說明:AxisColum

15、n:圖表所對應(yīng)的列名稱SeriesColumns:各塊所對應(yīng)的列的值ChartType:選擇圖表的類型, 漏斗圖的類型為 “ 1 Pie (BQ 默認(rèn)圖形 ” .Sytle:選擇對應(yīng)的圖表類型的風(fēng)格,如:2D,3D Vista等。第二步:刷新窗體,餅形圖的最終效果如下:第三步:將第一步中圖表屬性區(qū)中的 Style 值改為“ 1-3D ” ,3D 餅形圖的效 果如下圖: 15.3.3.2 柱狀圖第一步:柱形圖設(shè)計(jì)的步驟與漏斗圖的完全相同,只需要改變一下圖表屬性 即可以生成柱形圖,椎形圖屬性區(qū)設(shè)置如下:第二步:刷新窗體,柱形圖的最終效果如下: 第三步:將第一步中圖表屬性區(qū)中的 Style 值改為“

16、 0-2D ” ,2D 柱形圖的效 果如下圖: 屬性區(qū)中的 RotateLabel 用于旋轉(zhuǎn) X 軸 Label 以容納更多的文字 , 有效值為 0、 1、 2, 如下圖 :RotateLabel 值為 1時(shí): RotateLabel 值為 2時(shí) : 15.3.3.3 折線圖第一步:折線圖設(shè)計(jì)的步驟與餅形圖的完全相同,只需要改變一下圖表屬性 即可以生成折線圖,折線圖屬性區(qū)設(shè)置如下:第二步:刷新窗體,線形圖的最終效果如下: 15.3.3.4 堆積圖堆積圖一般用于柱狀堆積圖,就是幾個(gè)數(shù)值在同一坐標(biāo)上的堆積顯示圖形, 如下圖:第一步:柱形堆積圖的設(shè)置方法, 首先數(shù)據(jù)源中需有兩個(gè)數(shù)值型的字段, “按

17、地區(qū)統(tǒng)計(jì)”的查詢設(shè)計(jì)瀏覽視圖分別如下圖: 其他步驟均于上面漏斗圖的制作方法相同,選中窗體中的圖表,將其屬性區(qū) 中的值調(diào)整如下圖: ChartType :7-stacked columnSeriesColumns:金額,運(yùn)貨費(fèi) (查詢中兩個(gè)數(shù)值型字段的名稱指定序列顏色可以如此:SeriesColumn=金額 Color='#FF0000' ;運(yùn)貨費(fèi) 第五步:屬性設(shè)置好后,刷新窗體,柱形堆積圖的最后效果如下:15.3.3.5 圓環(huán)圖第一步:圓環(huán)圖設(shè)計(jì)的步驟與餅形圖的完全相同,只需要改變一下圖表屬性 即可以生成圓環(huán)圖,圓環(huán)圖的屬性區(qū)設(shè)置如下: 第二步:刷新窗體,圓環(huán)圖的最終效果如下: 第三步:將第一步中圖表屬性區(qū)中的 Style 值改為“ 0-2D ” ,2D 圓環(huán)圖的效 果如下圖 15.3.3.6 面積圖第一步:面積圖設(shè)計(jì)的步驟與餅形圖的設(shè)計(jì)步驟完全相同,只需要改變一下 圖表屬性即可以生成面積圖,面積圖屬性區(qū)設(shè)置如下: 第二步:刷新窗體,面積圖的最終效果如下: 第四步:再來看一下面積堆積圖的設(shè)置方法,首先數(shù)據(jù)源中需有兩個(gè)數(shù)值型 的字段, “按地區(qū)統(tǒng)計(jì)”的查詢設(shè)計(jì)瀏覽視圖分別如下圖 其他步驟均于上面漏斗圖的制作