作者：hooly
微信公眾號(hào)：一口袋星光
最終成品：
這是一個(gè)使用tableau儀表盤(pán)制作的交互式圖表，可以自由的使用篩選器查看特定范圍的數(shù)據(jù)。今天我們會(huì)詳細(xì)介紹一下每個(gè)圖表的制作以及最終如何拼接成可交互式的儀表盤(pán)。
幾個(gè)重點(diǎn)：
1.日期類(lèi)型的數(shù)據(jù)連續(xù)和離散的區(qū)別
2.地理位置數(shù)據(jù)轉(zhuǎn)換成地理角色
3.篩選器的制作
3.顯示top10的方式
4.環(huán)比和同比的計(jì)算
5.篩選器如何應(yīng)用多圖表
6.儀表盤(pán)內(nèi)工作表的展示結(jié)構(gòu)
原始數(shù)據(jù)：
這是我自己瞎造的一份數(shù)據(jù)。主要是為了演示tableau制作交互儀表盤(pán)的制作流程，請(qǐng)不要糾結(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)對(duì)應(yīng)的數(shù)值展現(xiàn)在圖上：
6.設(shè)置時(shí)間篩選器
選擇日期范圍(因?yàn)槲覀円Y選的是一個(gè)范圍)
確定即可
7.顯示時(shí)間篩選器
8.完成圖片右側(cè)的時(shí)間篩選器，接下來(lái)設(shè)置類(lèi)型篩選器
全選之后，確定
9.完成類(lèi)型篩選器，看頁(yè)面的右側(cè)我們完成了兩個(gè)篩選器，此時(shí)你操作篩選器，左邊的折線圖都會(huì)隨之在選定的區(qū)間內(nèi)變化數(shù)值。
10.更改工作表名稱(chēng)：
11.完成第一個(gè)折線圖
二、餅狀圖
我們制作一個(gè)商品類(lèi)型占比的餅狀圖，當(dāng)然是可以通過(guò)時(shí)間和指數(shù)類(lèi)型篩選的餅狀圖。
1.選擇商品類(lèi)型
2.產(chǎn)品名稱(chēng)-度量-計(jì)數(shù)
3.顯示產(chǎn)品名稱(chēng)計(jì)數(shù)值
4.快速表計(jì)算，展示百分比：
5.和折線圖一樣，設(shè)置時(shí)間和指數(shù)類(lèi)型的篩選器：
三、顯示地圖：
1.設(shè)置地址為城市角色
2.同樣使用指數(shù)的平均值來(lái)度量
3. 選擇地圖的展示方式
4.將城市顯示在地圖上，且使用顏色的不同代表指數(shù)均值的大小
5.和前面折線圖餅狀圖的處理方式一樣，我們給地圖設(shè)置時(shí)間和類(lèi)型的篩選器
四、指數(shù)top10產(chǎn)品
1.選擇產(chǎn)品名稱(chēng)、指數(shù)拖拽到列和行：
2.把產(chǎn)品名稱(chēng)放在篩選器上，選擇頂部-10個(gè)
3.同樣設(shè)置日期和指數(shù)類(lèi)型篩選器后，完成TOP10圖
五、同比和環(huán)比
1.按月計(jì)算環(huán)比-快速表計(jì)算-百分比差異
2.顯示百分比數(shù)值
3.選擇表格展示方式
4.調(diào)整行列展示順序
5.同比
6.調(diào)整行列順序
到目前，我們已經(jīng)完成了所有的工作表的制作，下面我們將把這些工作表拼裝成儀表盤(pán)
六、拼裝儀表盤(pán)
1.將各個(gè)工作表拖動(dòng)至儀表盤(pán)中，調(diào)整他們的位置。你可以使用水平、垂直等各個(gè)容器來(lái)調(diào)整布局。刪除我們不需要的一些圖例和重復(fù)的篩選器。保留我們需要的指數(shù)類(lèi)型和日期篩選器
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
微信公眾號(hào)：一口袋星光
我會(huì)在微信公號(hào)上持續(xù)更新我的文章，你來(lái)討論我很歡迎。
