All Products
Search
Document Center

DataV:instructions-of-conditional-tree

Last Updated:Dec 02, 2024

The condition tree is used to specify specific logical decisions for components to make conditional style modifications or set filter styles. This topic describes how to use condition trees.

The condition tree uses two layers of nesting and either or connecting the conditions in order to combine into a variety of complex logical judgments (arbitrary conditions can be combined using the combination paradigm or the disjunction paradigm). image

Condition Tree Example Description

The condition tree is often used to specify the condition style of elements that meet specific requirements, replacing the previous assembly family function. Conditional styles provide richer style options than series, and can simultaneously change individual mapping channels including size, color, and shape. In this example, a bubble chart widget is used.

  1. Log on to the DataV console.

  2. On the console page, select a dashboard and click Edit. The Canvas Editor page appears.

  3. In the left-side navigation pane, click the Component Library tab. On the Component Library tab, click the Bubble Chart tab and add the chart to the canvas.

  4. Click the Style tab and click Label in the lower-left corner.

    image.png

  5. Click the switch below the 开关图标condition style, and in the current condition style panel, configure the condition tree style, set the specified conditions, and set the bubble point of y>6 and shapeField and furniture to the style of green fill and white thick border, as shown in the following figure.

    image.png