圖表和表格組件是視覺化儀表板的主體組成部分，本文為您介紹 FineBI 視覺化圖表和表格組件的製作流程，幫助您快速入門。
FineBI 中透過將「指標欄位」和「維度欄位」拖入分析區域實現圖表或者表格的建立。
下面介紹組件編輯介面的各區域功能：
淺紫色區域。
「待分析區」存放着待分析欄位，可以對該區域資料進行一些處理（欄位分組、明細過濾等）或者新增欄位
將欄位拖入分析區域即可「建立圖表」
淺黃色區域。
除待分析區外，組件編輯介面其他區域均為分析區域。
分析區域可進行圖形的製作和圖形樣式調整：選擇圖表型別、設定圖表樣式
包括設定 組件標題 ，選擇圖表型別、進行資料過濾 結果過濾器，設定圖形屬性
淺紅色區域。
圖表的生成預覽區域，可以預覽生成的圖表，實現所見即所得。
點選「查看所有資料」按鈕可查看生成圖表中的所有資料，說明參見文檔：組件查看所有資料
淺綠色區域。
分析欄位欄，將「待分析區」的欄位拖入到「分析區域」，就可以使用這些欄位製作成圖形
紅色區域。
組件的管理區域
1）點選「進入儀表板」即從組件編輯介面進入儀表板編輯介面，可在建立其他組件或者設定聯動等交互效果。
2）點選廢除還原可廢除或者還原在組件中做的操作：儀表板廢除/還原
3）點選+可在當前儀表板建立新的組件；
1）使用 BI設計使用者 帳號登入 FineBI ，選擇「儀表板>建立儀表板」，建立一張用於資料分析的儀表板，為該儀表板命名為 test，如下圖所示：
2）點選「確定」後，即可進入該建立儀表板的編輯介面，如下圖所示：
1）在儀表板編輯介面即可新增組件，有三種方式：
按頁面中間的「新增組件」按鈕。
按頁面左側的「組件 + 」按鈕。如下圖所示：
點選左側組件欄中的組件「+」，拖至編輯頁面中可將組件新增到指定位置，如下圖所示：
2）新增組件後，選擇需要分析的資料表。在對應的業務包下，選擇要進行資料分析的資料表，完成點選「確定」。如下圖所示：
進入組件設定介面，使用者需要先選擇自己要製作的圖表，然後將欄位拖入分析區域。
例如：選擇「多系列柱形圖」，將待分析區域欄位「區域」和「可售面積」拖入分析區域，如下圖所示：
注：選擇待分析區域欄位時，按住 ctrl/command 或者 shift 鍵可同時選擇多個欄位，一起拖入分析區域。
設定圖形屬性和組件樣式，對組件進行美化，如下圖所示：
詳情可參見文檔：圖表屬性 和 圖表組件樣式
需要進行計算或者新增交互功能請參考：新增計算欄位、交互功能簡介
製作完成的組件，如下圖所示：
進入組件設定介面，有時，使用者已經在製作資料表時調整好了欄位順序，希望利用資料表已經做好的欄位順序顯示，便於後續進行資料展示。
在待分析區域支援設定欄位顯示順序，預設按照欄位型別顯示，即按照「欄位分組」、「日期」、「正文」、「數值」、「計算欄位」順序排列顯示，如下圖所示：
若使用者需要按照 BI 中製作組件的來源資料表欄位順序排列，則切換為「不排序」即可，如下圖所示：