DataV:動的ハイライトを実現する

手順

1. DataVコンソール

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

3. キャンバスに2つの縦棒グラフウィジェットを追加します。 ウィジェット名を [ヒストグラム-1] および [ヒストグラム-2] に変更します。

4. レイヤーパネルで、すべてのウィジェットセットを右クリックし、[ブループリントエディターにエクスポート] を選択します。

5. コンポーネントを接続します。

6. 2つのシリアルデータ処理ノード処理方法を設定します。

   return {
     "data": {
       "x": data.x,
       "y": data.y,
       "colorField": data.colorField
     },
     "style": {
       "fillStyle": "#f00"// The highlight color.
     }
   }

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