圖表數據是PPT里經常需要展現的。對於完成率、新增用戶數這樣的展示，如果只是一個冰冷的數字，那就太沒味道了，如果是這樣的效果呢：

至於統計圖等，我們看得比較多的自然就是柱狀圖了。但是如果有如下的效果，是不是很驚艷呢？

下面O啦就來說明下這兩個效果的實現吧。

一、數字滾動效果的實現

首先，我們來看下基本邏輯：

1）、圓環的滾動，其實就是一個輪子滾動

2）、至於數字的滾動展示，則是一組排列好的數字，做直線路徑運動，做兩個形狀遮罩，只留出最終數字展示的區域就好了

3）、讓所有組合動畫一起啟動，持續時間一致

下面O啦姐來講下具體製作過程：

1、準備工作：首先做一個圓環，這個其實就是繪製兩個圓形，然後利用形狀剪除就可以了。繪製出圓環後，複製一個，然後根據最終數字的比例，進行拆分裁剪；

2、黑灰色的圓環做背景，綠橙色的做最終的「輪子」效果。

3、就是做一組數字，對齊排列，然後做直線路徑移動，並設置遮罩

4、可以看到，基本的效果已經出來了，接下來要做的就是組合了。這個需要費一點時間來調整和設置，最終數字經過和落腳的位置，以設置遮罩形狀的位置。

我們來看一下PP君做好的：

我們把遮罩往邊上稍微拉開一點點，可以看到，這組數字的運動軌跡：

5、好了，最後我們只需要對所有動畫設置一起運動，設置一樣的持續時間就行了

PS，這裡插入說一下，幾個小技巧：

1）選擇「動畫」–「動畫窗格」，可以馬上切換到動畫設置頁

2）選擇「開始」–「排列」–「選擇窗格」（Win系的，則可以看到一個選擇窗格圖標），可以看到所有圖層，即使被置於底層看不到，也可以輕易通過點選找出來。

3）有些動畫或者設置一樣，是可以一起選中後，進行統一設置的。

6、我們來看下最終的頁面和設置效果：

二、用瓶子圖片填充柱狀圖

1、先做準備工作

比如O啦姐這裡準備的是飲料的銷售完成率，那就找來幾張飲料瓶子的圖片。注意，我們要找PNG圖片，或者通過編輯轉成PNG圖片，（MAC里可以利用「預覽」應用完成，Win中用一些摳圖軟體來實現）。

順便提一下，準備後的圖片，可能還有一些邊框過大之類的，其實可以利用PPT里的形狀剪除，輕鬆切除。如：

這樣，我們就得到了需要的圖片，如下圖

然後，我們對這些圖片做灰色處理，如何處理呢？其實PPT里有一個圖片形狀選項，點擊

這樣我們就可以得到一組灰色的圖片。

2、接下來，我們準備原始的圖表統計數據

插入一個柱狀圖，輸入原始數據

然後，通過如下設置，將這兩列，合在一起：

之所以添加一個100%的列，是為了用來表示整體，之後彩色圖片放入實際完成的柱形，灰色則是填入100%，灰色越少，自然就代表完成率越高。

3、接下來要做的事情，就是對於柱形圖，使用圖片填充

可以選中柱形，拷貝複製圖片，然後粘貼（WIN：Ctrl+V，Mac：CMD+V），也可以通過設置中，選擇圖片填充，然後從剪貼版載入。

再次說明一下，一定要選中單個，100%的柱形貼灰色，實際比例的貼彩色。

4、現在，問題來了，彩色部分，被縮變形了。如下圖

解決辦法就是，對形狀設置層疊縮放，

5、對每列數據都進行如此設置，可以看到，效果已經出來了

6、我們再次對數據進行調整，可以看到，隨著數據調整，彩色部分遮蓋的區域也隨之變化

O啦！大功告成！

好了，今天就說到這了。