Implement dynamic highlighting

Demonstration

Procedure

1. Log on to the DataV console.

2. Select a visualization application and click Edit to open the canvas editor.

3. Add two Column Chart widgets to the canvas. Turn off all animation effects and rename the widgets to Column Chart-1 and Column Chart-2.

4. In the Layers panel, select all widgets, right-click, and select Export to Blueprint Editor.

5. Connect the widgets.

6. Configure the processing method for the two serial data processing nodes.

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

7. Click the icon in the upper-right corner of the page to preview the result.