網易有數給使用者提供了非常靈活的制作圖表能力，讓使用者能搭積木。在産品、互動、技術層面，都試圖用統一的邏輯和語言告訴使用者，有哪些積木，搭積木的基本原則是怎樣的。當使用者掌握了四個搭積木的原則後，就能自由的運用有數，制作出精美的圖表。
有哪些積木？
我們提供了條形、折線、區域、散點、餅圖、甘特圖、文本、填充地圖8種積木。雖然隻有8塊積木，但我們能實作非常多的圖表類型（無法窮盡），基本的條形圖、折線圖、餅圖、散點圖、表格圖、卡片圖、标記地圖、填充地圖，還能擴充到條形折線組合圖、子彈圖、熱力圖、堆積條形點線圖、漏鬥圖……
拿幾張同僚們做的圖表舉例子（螢幕像素有些渣……）
一張圖表制作的元素，網易有數的名詞解釋
*行列面闆，決定透視圖表結構。
*多Marks面闆，2個以上的面闆稱為多Marks面闆。一個度量對應一個面闆，（XY軸都有度量，則是一組度量對應一個面闆）。每個面闆都可以進行屬性設定。
*屬性面闆，又稱為Mark面闆，對Mark的屬性進行修改，Mark的屬性是由資料決定，顔色、大小都是有資料意義的。
搭積木的原則
搭積木原則一：行列面闆決定了透視圖表結構
網易有數通過在行列面闆上放置字段，決定了透視圖表的結構，不同的位置有不同的圖表展現形式。
行列面闆包含了兩層：
第一層：X軸和Y軸組成的圖表。
度量所在的軸，為度量軸。與度量軸相對的軸是次元軸。
度量軸上放置一個度量字段，次元軸上放置一個次元字段，就可以組成一張簡單的圖表。
沒有XY軸的圖表，通過屬性面闆就繪制出了圖表，比如餅圖。
第二層：透視次元的列次元、透視次元的行次元
組成了基本的圖表後，其他的次元都是透視次元。會根據次元是放在X軸，還是Y軸，對資料進行透視劃分。透視次元在X軸，則字段成員如同X軸的刻度名稱，顯示在X軸。透視次元在Y軸，則字段成員如同Y軸的刻度名稱，顯示在Y軸。
搭積木原則二：多Marks面闆
多Marks面闆，讓有數為使用者提供了多種圖表的擴充能力。
每一個屬性面闆，都可以獨立進行設定。
使用者有時也會需要在一個面闆裡顯示多個度量。這個時候就需要用到兩個特殊的字段。度量名稱和路徑成本。
度量名稱，可以視為是一個次元。度量名稱的成員是包含在行列面闆和屬性面闆出現的度量。
在應用度量名稱時，可以隻出現度量名稱。比如下例：用度量名稱當顔色圖例，此時度量名稱的成員是[銷售額]和[數量]，銷售額折線和數量折線擁有不同的顔色。
路徑成本，可以視為是一個度量。這個度量代表的是一組度量集合，對應的是一個Mark面闆。
具體的，路徑成本包含的成員是度量清單裡勾選的度量。如果隻出現路徑成本，将在這個資料位置重疊出現所勾選的度量。
路徑成本需要和度量名稱一起出現，此時就是路徑成本就被度量名稱細分，每一個度量對應自己的名稱和值。
搭積木原則三：屬性面闆
對Mark的屬性進行修改。Mark的屬性是由資料決定，顔色、大小都是有資料意義的。
當屬性面闆上放置了次元，則是該單元的資料進行細分。如果是放置在顔色，則賦予該次元為顔色圖例。如果是放置在形狀，則賦予該次元為形狀圖例。
當屬性面闆上放置了度量，則是對該Mark的大小、顔色賦予數值上的意義。
搭積木原則四：文本标記繪制透視表格
網易有數實作透視表的方式，是将值視作Abc标記。X軸的最後一個次元，是對應X軸的刻度，但這裡的X軸是放置在上方的。Y軸的最後一個次元，是對應Y軸的刻度。如果再在行列面闆上增加次元，則是相對應的透視次元。
文中所有示例均是在網易有數中實作，歡迎使用體驗～
了解 網易雲 ：
網易雲官網：https://www.163yun.com/
新使用者大禮包：https://www.163yun.com/gift
網易雲社群：https://sq.163yun.com/
本文已由作者文雯授權網易雲社群釋出，原文連結：網易有數的搭積木原則闡述