DataV：實現動態資料加和

操作步驟

1. 登入DataV控制台。

2. 選擇任一可視化應用，單擊編輯，進入畫布編輯器頁面。

3. 添加3個數字翻牌器組件到畫布中。

4. 單擊任一資料翻牌器，選擇配置面板，修改標題 > 標題名為上半年銷售額，在圖層面板雙擊修改組件名稱為數字翻牌器-上半年。重複操作配置其他兩個數字翻牌器組件。

5. 選中所有組件，按右鍵匯出到藍圖編輯器。

6. 添加串列處理節點和序列執行節點，串連組件。

   • 串列處理節點：實現單擊數字翻牌器隨機產生資料。兩個節點處理方法一致，在上半年的基礎上再次加和隨機數產生下半年資料。

     var value = Math.random() * 10000
     return [
      {
      "name": "",
      "value": 12345 + value
      }
     ]

   • 序列執行節點：首先將資料儲存為臨時變數，接著將兩個數字翻牌器進行加法運算，匯入顯示組件中。

     //變數A
     return {
      data: [
      {
      name: "up",
      value: data[0].value || 0
      }
      ]
     };

     //變數B
     return {
      data: [
      {
      name: "down",
      value: data[0].value || 0
      }
      ]
     };

     //A+變數B
     let dowm = getLocalValue('dowm') || 0;
     let res = data && data.length !== 0 ? data[0].value + dowm : down
     return [{ value: res }]; 

     //B+變數A
     let up = getLocalValue('up') || 0;
     let res = data && data.length !== 0 ? data[0].value + up : up
     return [{ value: res }]; 

7. 單擊頁面右上方的表徵圖，預覽展示結果。