編輯導語：我們正在做原型圖時，特別在后臺原型中，經常會涉及到統計圖的信息，很多同學可能會不知道怎么操作。作者為大家詳細介紹了如何繪制動態柱狀統計圖，希望能夠應用到你的工作中。

我們在工作中做一些原型圖時，尤其是后臺原型我們會經常涉及到統計圖信息，上期我詳細為大家介紹了如何繪制動態柱狀統計圖，這期我將為大家詳細的動態折線統計圖。

首先我們先思考一下：

• 什么場景會使用到折現統計圖呢？
• 相比于柱狀統計圖和扇形統計圖我們繪制折線統計圖的優點在哪呢？
• 如何快速設計一款美觀的折線統計圖以應用我們的工作中呢？

一、使用場景

折線圖可以顯示隨時間（根據常用比例設置）而變化的連續數據，因此非常適用于顯示在相等時間間隔下數據的趨勢。

在折線圖中，類別數據沿水平軸均勻分布，所有值數據沿垂直軸均勻分布。如果分類標簽是文本并且代表均勻分布的數值（如月、季度或財政年度），則應該使用折線圖。同時，單條線的數據點要大于2個，但是同一個圖上建議不要超過5條折線。

二、優點分析

折線統計圖用折線的起伏表示數據的增減變化情況。不僅可以表示數量的多少，而且可以反映數據的增減變化情況。比如可以用來作股市的跌漲和統計氣溫或其他表示趨勢的資料。

表示現象間的對比關系；揭露總體結構；檢查計劃的執行情況；揭示現象間的依存關系，反映總體單位的分配情況；說明現象在空間上的分布情況。一般采用直角坐標系．橫坐標用來表示事物的組別或自變量x，縱坐標常用來表示事物出現的次數或因變量y；或采用角度坐標（如圓形圖）、地理坐標（如地形圖）等。

三、設計原型

本期我將以常見的商品銷售額作為案例進行繪制原型。

演示預覽：https://rxoiz4.axshare.com

首先我們先把基礎的橫縱坐標畫出來，橫坐標我以“年份”作為單位，縱坐標我以“金額”作為單位，繪制出基礎的橫縱線，注意橫縱之間的距離保持等距。

接著我們選擇插入工具，選擇鋼筆工具，進行繪制弧度圖案，并對圖案線段設置顏色。

將繪制的圖案轉換成動態面板，并將動態面板寬度設置為1，高度保持不變。

設置完動態面板后，對動態面板進行交互設置，交互樣式設置為：載入時-設置尺寸-當前目標，設置設置寬度為需要的長度，高度保持不變，動畫選擇 線性? 600毫秒。

接著想要使原型更美觀一些，可以在統計圖上面對不同的年份增加“數量點”這樣可以使統計圖看的更直觀明了。

這樣我們的動態折線統計圖就完成了，下期將為大家介紹如何詳細繪制動態扇形統計圖。

希望文章可以幫助到您，接下來的時間我們一起互相學習一起進步~

本文由 @畫圖仔 原創發布于人人都是產品經理，未經作者許可，禁止轉載。

題圖來自Pexels，基于CC0協議。