DataV：操作樣本

前提條件

• 已登入DataV控制台

• 已進入畫布編輯器

操作步驟

1. 在畫布編輯器頁面，搭建所需要的Tab列表和通用標題組件。

   

2. 切換到藍圖編輯器。

   

3. 在藍圖編輯器頁面，將圖層節點面板中的Tab列表和通用標題以及邏輯節點面板下的串列資料處理節點拖至畫布上。

   

4. 在邏輯節點面板中，將條件判斷節點拖動到畫布上並連線到串列資料處理節點之前。

5. 選中條件判斷節點，在右側的節點配置面板中，配置判斷類型和條件列表。

   

   上圖中的樣本觸發判斷條件如下。

   return data.id>1;

6. 以同樣的方式，配置串列資料處理節點（此步驟作用是將列表的資料格式轉換成標題的資料格式）。

   

   上圖中的樣本轉換格式的規則如下。

   return [
    {
      value:data.content
    }
   ];

7. 單擊右上方的預覽，在預覽頁面進行互動操作（例如單擊列表某一格等），查看互動效果。

   

   如果需求中有多個組件需要配置互動鏈路，則重複以上幾步直至滿足全部互動需求。

8. 配置並預覽成功後，單擊左上方的發布表徵圖（），即可線上展示具有互動功能的資料看板。