DataV:動的データプラスを実現する

手順

1. 最初に DataVコンソール

2. 視覚化アプリケーションを選択し、[編集] をクリックして、[キャンバスエディタ] ページに移動します。

3. 3つのタグ付けペアウィジェットコンポーネントをキャンバスに追加します。

4. データティッカーボードをクリックして設定パネルを選択し、タイトル> タイトル名を上半期売上高に変更します。 レイヤーパネルで、名前をダブルクリックして名前を番号ティッカーボード-上半期に変更します。 操作を繰り返して、他の2つのデジタルフリップカードコンポーネントを設定します。

5. すべてのコンポーネントを選択し、[Blueprint Editorにエクスポート] を右クリックします。

6. シリアル処理ノードとシーケンス実行ノードを追加してコンポーネントを接続します。

   • シリアル処理ノード: 数値反転をクリックしてランダムデータ生成を実装します。 2つのノードは同じように処理され、年の後半のデータは、年の前半に基づいて再び乱数を追加することによって生成されます。

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

   • シーケンス実行ノード: まず、データが一時変数として保存され、次に2つの数字フリップカードが追加され、表示コンポーネントにインポートされます。

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

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

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

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

7. 右上隅のアイコンをクリックして、結果をプレビューします。