您當前的位置:首頁 > 攝影

動態圖表互動揭秘:製作選擇器的奧秘

作者:由 進擊的可樂 發表于 攝影時間:2019-12-08

這一節內容介紹不同的選擇器,具體怎麼實現選擇器和圖表之間的連線,下節內容再放送。或可回顧前一篇系列文章,檢視整體動態效果《

這樣用Excel動態互動圖表,還要什麼前端

》。(關注公眾號【可樂的資料分析之路】,回覆“資料”,免費獲取資料分析學習資料大禮包)

選擇器可以由窗體控制元件、資料有效性、切片器製作,接下來分別展開。

一、窗體控制元件

窗體控制元件就是【開發工具】當中插入的互動按鈕,根據功能和需求的不同,可以選擇不同的控制元件。

1、組合框

【開發工具】——【插入】——【組合框】,在滑鼠變成十字圖示時在頁面空白處畫一個大小適宜的組合框。

動態圖表互動揭秘:製作選擇器的奧秘

右鍵【設定控制元件格式】,選擇資料來源區域和單元格連結,組合框由資料來源區域和單元格連結兩部分組成:

資料來源區域必須為列區域,行區域可以轉置為列再選成資料來源區域;

單元格連結是選擇控制元件中的值以後結果顯示在哪裡。

組合框選擇的結果是顯示資料來源區域對應的第幾個值,如資料來源區域為1月~9月,組合框選擇1月,對應的結果為數字1,2月則為數字2,以此類推。

動態圖表互動揭秘:製作選擇器的奧秘

在動態圖表中多用於選擇框選擇一項指標,顯示相應的資料圖表,如下動圖,組合框選擇不同的省份,出現該省下每個月的資料值的柱狀圖。

動態圖表互動揭秘:製作選擇器的奧秘

2、列表框

列表框由選擇資料來源區域和單元格連結組成,功能和效果和組合框一樣,不同的是組合框下拉後才有選項,而列表框不用下拉,直接將選項列出來,更直觀一些。

動態圖表互動揭秘:製作選擇器的奧秘

3、複選框

複選框由輸入區域和單元格連結組成,輸入區域可自行輸入勾選的內容,單元格連結同組合框的規則,可以進行多項選擇,選擇的結果勾選上即為Ture,未勾選就顯示FALSE,複選複選,顧名思義,就是可以進行多選。

動態圖表互動揭秘:製作選擇器的奧秘

在動態圖表中多用來勾選前已有資料圖表,勾選後顯示同一指標的不同值等結果,如下動圖,勾選去年複選框,則圖表顯示19年和18年兩年的資料,不勾選時,只顯示19年的值。

動態圖表互動揭秘:製作選擇器的奧秘

4、選項按鈕

選項按鈕由輸入區域和單元格連結組成,同複選框一樣,只不過不能多選了,只能單選。複選框是每個選框都有一個True或False的結果,可以同時勾選多個複選框,而選項按鈕是幾個選項有一個共同的結果,即它在組中的次序,一次只能勾選一個結果。如下勾選男前的選項按鈕,顯示結果為1,勾選女,顯示結果為2。

動態圖表互動揭秘:製作選擇器的奧秘

如下動圖,勾選北京前的選項按鈕,則右邊圖表變為北京的資料,效果同組合框差不多。

動態圖表互動揭秘:製作選擇器的奧秘

5、數值調節鈕

數值調節鈕由最小值、最大值、步長和單元格連結組成,最小值是該控制元件顯示的最小值,最大值是該控制元件能顯示的最大值,步長是每點一下調節按鈕,結果比前一個值前進多少。如下圖我們設定了0~100之間的最值,步長為1,則整個結果在0~100之間,每點一下前進1個單位。

動態圖表互動揭秘:製作選擇器的奧秘

6、捲軸

捲軸和數值調節鈕的功能一毛一樣,就是長的不一樣,同樣是由最小值、最大值、步長和單元格連結組成。如下圖我們設定了0~100之間的最值,步長為1,則整個結果在0~100之間,每點一下前進1個單位。

動態圖表互動揭秘:製作選擇器的奧秘

如下動圖,捲軸可以這樣使用,在時間序列的折線圖中,每點選一下捲軸,則顯示出相應時間點的資料。

動態圖表互動揭秘:製作選擇器的奧秘

二、資料有效性(資料驗證)

資料有效性也可以用來當成選擇器,滑鼠選擇在一個空白的單元格上,選擇【資料】——【資料驗證】,在彈出的對話方塊中,驗證條件選擇序列,來源選擇月份所在的區域。

動態圖表互動揭秘:製作選擇器的奧秘

這樣,在單元格中就得到了一個下拉後顯示月份區域的下拉框。同組合框、列表框不一樣的是:

資料有效性製作出來的選框和普通單元格沒有區別,不選擇的時候是看不出來的,而組合框能明顯地看出來是一個提供選項的控制元件。

組合框是單元格連結,且選擇的結果是一個數字,而資料有效性沒有單元格連結,選擇的結果就是單元格本身的結果。

動態圖表互動揭秘:製作選擇器的奧秘

動態圖表互動揭秘:製作選擇器的奧秘

三、切片器

1、資料透視表切片

Step1:對各省月度資料插入資料透視表:

動態圖表互動揭秘:製作選擇器的奧秘

Step2:將地區一列拖到資料透視表的行標籤中,其餘資料拖到值區域中。

動態圖表互動揭秘:製作選擇器的奧秘

Step3:選擇【分析】——【插入切片器】,選擇地區進行切片。

動態圖表互動揭秘:製作選擇器的奧秘

Step4:至此已經做到切片器選擇不同的地區,顯示相應的資料,接下來做靜態圖表即可。

動態圖表互動揭秘:製作選擇器的奧秘

如下動圖,就實現了切片器控制的圖表動態變化。

動態圖表互動揭秘:製作選擇器的奧秘

2、表格切片

還有一種更簡單的切片操作,無需多一步製作資料透視表,直接對資料來源區域插入表格,在【設計】裡選擇【插入切片器】。

動態圖表互動揭秘:製作選擇器的奧秘

再對相應資料插入折線圖,效果和資料透視表中切片是一樣的,但更簡單了呢。

動態圖表互動揭秘:製作選擇器的奧秘

本節內容就到這,下節內容講解抽取資料的操作

提供入門級資料分析的學習路線規劃,分享從Excel到統計學的乾貨。資料分析是一項技能,希望人人都能分析資料。

動態圖表互動揭秘:製作選擇器的奧秘