作者:hooly
微信公眾號:一口袋星光
最終成品:
這是一個(gè)使用tableau儀表盤制作的交互式圖表洛史,可以自由的使用篩選器查看特定范圍的數(shù)據(jù)。今天我們會(huì)詳細(xì)介紹一下每個(gè)圖表的制作以及最終如何拼接成可交互式的儀表盤酱吝。
幾個(gè)重點(diǎn):
1.日期類型的數(shù)據(jù)連續(xù)和離散的區(qū)別
2.地理位置數(shù)據(jù)轉(zhuǎn)換成地理角色
3.篩選器的制作
3.顯示top10的方式
4.環(huán)比和同比的計(jì)算
5.篩選器如何應(yīng)用多圖表
6.儀表盤內(nèi)工作表的展示結(jié)構(gòu)
原始數(shù)據(jù):
這是我自己瞎造的一份數(shù)據(jù)也殖。主要是為了演示tableau制作交互儀表盤的制作流程,請不要糾結(jié)數(shù)據(jù)的真實(shí)性和有效性务热。
一忆嗜、折線圖:
最終展現(xiàn):
1.設(shè)置日期格式
2.日期轉(zhuǎn)換成連續(xù)值(因?yàn)楹竺嫖覀円鲆粋€(gè)連續(xù)的時(shí)間篩選器)
3.創(chuàng)建自定義日期,將日期轉(zhuǎn)換成月為單位陕习。
4.把日期(月)霎褐,指數(shù)分別置于列、行该镣。業(yè)務(wù)需求冻璃,我們用平均值度量指數(shù)的一般水平。
5.把折線的點(diǎn)對應(yīng)的數(shù)值展現(xiàn)在圖上:
6.設(shè)置時(shí)間篩選器
選擇日期范圍(因?yàn)槲覀円Y選的是一個(gè)范圍)
確定即可
7.顯示時(shí)間篩選器
8.完成圖片右側(cè)的時(shí)間篩選器损合,接下來設(shè)置類型篩選器
全選之后省艳,確定
9.完成類型篩選器,看頁面的右側(cè)我們完成了兩個(gè)篩選器嫁审,此時(shí)你操作篩選器跋炕,左邊的折線圖都會(huì)隨之在選定的區(qū)間內(nèi)變化數(shù)值。
10.更改工作表名稱:
11.完成第一個(gè)折線圖
二律适、餅狀圖
我們制作一個(gè)商品類型占比的餅狀圖辐烂,當(dāng)然是可以通過時(shí)間和指數(shù)類型篩選的餅狀圖。
1.選擇商品類型
2.產(chǎn)品名稱-度量-計(jì)數(shù)
3.顯示產(chǎn)品名稱計(jì)數(shù)值
4.快速表計(jì)算捂贿,展示百分比:
5.和折線圖一樣纠修,設(shè)置時(shí)間和指數(shù)類型的篩選器:
三、顯示地圖:
1.設(shè)置地址為城市角色
2.同樣使用指數(shù)的平均值來度量
3. 選擇地圖的展示方式
4.將城市顯示在地圖上厂僧,且使用顏色的不同代表指數(shù)均值的大小
5.和前面折線圖餅狀圖的處理方式一樣扣草,我們給地圖設(shè)置時(shí)間和類型的篩選器
四、指數(shù)top10產(chǎn)品
1.選擇產(chǎn)品名稱颜屠、指數(shù)拖拽到列和行:
2.把產(chǎn)品名稱放在篩選器上辰妙,選擇頂部-10個(gè)
3.同樣設(shè)置日期和指數(shù)類型篩選器后,完成TOP10圖
五甫窟、同比和環(huán)比
1.按月計(jì)算環(huán)比-快速表計(jì)算-百分比差異
2.顯示百分比數(shù)值
3.選擇表格展示方式
4.調(diào)整行列展示順序
5.同比
6.調(diào)整行列順序
到目前密浑,我們已經(jīng)完成了所有的工作表的制作,下面我們將把這些工作表拼裝成儀表盤
六粗井、拼裝儀表盤
1.將各個(gè)工作表拖動(dòng)至儀表盤中肴掷,調(diào)整他們的位置敬锐。你可以使用水平、垂直等各個(gè)容器來調(diào)整布局呆瞻。刪除我們不需要的一些圖例和重復(fù)的篩選器台夺。保留我們需要的指數(shù)類型和日期篩選器
2.設(shè)置篩選器,將這三個(gè)篩選器應(yīng)用于地圖痴脾、折線圖颤介、餅圖、top10直方圖這四個(gè)圖上
3.現(xiàn)在我們調(diào)整時(shí)間篩選器赞赖,可以看到下面四個(gè)圖都跟著變化
4.我們還能更改顯示的像素:寬度和高度:
5.在不同的終端上進(jìn)行預(yù)覽:
到現(xiàn)在滚朵,我們已經(jīng)完成了全部的內(nèi)容。感謝大家前域!
作者:hooly
微信公眾號:一口袋星光
我會(huì)在微信公號上持續(xù)更新我的文章辕近,你來討論我很歡迎。