步驟一：添加組件

1. 創建移動應用。具體操作，請參見創建移動應用。

2. 在移動應用編輯器中，單擊最左側的組件圖標。

3. （可選）添加分欄組件，進行應用頁面布局設置。具體操作，請參見橫向分欄和縱向分欄。

4. 在畫布左側組件列表上方，在搜索框中輸入柱狀圖，找到該組件，然后將組件拖拽到中間畫布。

   有關添加組件的更多信息，請參見添加組件。

   

步驟二：配置數據源

1. 在移動應用編輯器右側樣式中，單擊展示數據后的配置數據源。

2. 在數據源配置頁面，選擇數據源類型，完成配置。

   可選數據源類型有接口、靜態數據、應用推送。

3. 單擊確定，完成配置。

   數據展示頁簽左側數據源顯示已配置的數據源名稱，維度和度量顯示從數據源中自動解析的屬性字段。

   說明

   數據源屬性字段匹配規則：

   • 維度：布爾型、字符型、時間型字段。

   • 度量：數值型字段。

4. （可選）單擊左上角數據表，查看已配置數據源的所有數據信息。

步驟三：配置數據展示

在數據展示頁簽，設置柱狀圖展示數據和樣式，如圖所示。

1. 根據實際需求，分別拖拽一個維度字段和多個度量字段到橫軸和縱軸。

   說明

   系統默認顏色請在數據展示頁面右側屬性頁簽或樣式頁簽下進行修改。

2. （可選）在橫軸和縱軸框，單擊字段三角入口，設置顯示名。

3. 在數據展示頁簽右側，單擊樣式，設置組件展示樣式。

   配置項	說明
   全局樣式	設置全局字體。
   圖例	設置是否顯示圖例標志。如果顯示，可設置顯示的樣式。
   X軸	設置是否顯示X或Y軸刻度值。如果顯示，可設置相應的顯示樣式。 說明 軸刻度數量從最小值所在刻度算起，例如最小值為0，最大值為500，間隔為50，刻度數量為11。
   Y軸
   橫向網格線	設置是否顯示對應配置項。如果顯示，可設置相應的顯示樣式。
   背景
   邊框
   無數據提示

4. 單擊完成配置，返回移動應用編輯器，查看已配置的組件數據。

5. 調整組件在頁面中的布局位置。具體操作，請參見通用樣式。

步驟四：配置交互動作

1. 在移動應用編輯器右側交互中，單擊新增交互，設置事件和動作。

   支持單擊或雙擊事件。例如，單擊組件，執行動作刷新組件，指定刷新某組件展示的內容。

   具體操作，請參見交互配置。

2. 預覽和調試組件展示的數據和樣式。具體操作，請參見預覽與調試。