DataV:one-click-beautification

Procedure

1. Log on to the DataV console.

2. On the console page, use the template to create a PC dashboard or click Edit for an existing dashboard.

3. Go to the Canvas Editor page and click the Beautify icon at the top of the editor page.

4. Click the icon before One-click beautification to enable the beautification feature.

   Note

   If Disenabled is displayed on the One-click Beautification page, you can click the icon or click Quick Enable to enable the feature.

5. On the One-click beautification page, configure the overall style and layout of the dashboard. For more information, see Configure modules.

6. Preview the one-click beautification effect on the canvas. After you are satisfied, click Confirm Application in the lower-right corner.

   Important

   The application effect will overwrite the configuration of the original data kanban and may change its internal components. Please confirm before you proceed.

7. After you configure the one-click beautification feature, you can preview and publish the dashboard to show the beautification effect of the dashboard online.

Parameters

On the One-click beautification tab, On the One-click Beautify page, you can configure the following configuration items.

• Overall Style: In the Overall Style section, click the icon in the style list, select a style as the overall style of the dashboard, and then click the blank area to add a style.

  Note

  • You can select 20 styles.

  • Changing the overall style will overwrite and replace the previous overall style effect.

  

  • Headline: the banner style of the visual group in the dashboard. You can click the icon to cancel or apply the banner style.

    Parameter	Description
    Subtitle	If you turn on the switch, the subtitle in a heading is displayed. If you turn off the switch, the subtitle in a heading is not displayed.
    Text alignment	Specifies how texts in a heading are aligned. You can select Align Default, Align Left, Align Center, or Align Right.

  • Level -2 Title: the level -2 title style of the visual group in the dashboard. You can click the icon to cancel or apply the level -2 title style.

    Parameter	Description
    Subtitle	If you turn on the switch, the subtitle in a title is displayed. If you turn off the switch, the subtitle in a title is not displayed.
    Text alignment	Specifies how texts in the title are aligned. You can select Align Default, Align Left, Align Center, or Align Right.
    Exclusion type	If you select an excluded widget type, you cannot configure a secondary title style for this widget type. You can select the Map and Tender Flip widgets. If you do not select a widget type, configure a secondary title style for all widgets on the dashboard. Note Only the Map and Ticker Board options are provided for this parameter. For other widgets, you must specify whether to apply the title style.

  • Level -2 Background: the level -2 background style of the visual group in the dashboard. You can click the icon to cancel or apply the level -2 background style.

    Exclude Type: Select the type of the widget that you want to exclude. You can select Map and Tick Board to exclude the widget. If you do not select the widget, all the widgets in the dashboard are configured with a secondary background style.

    Note

    Only the Map and Ticker Board options are provided for this parameter. For other widgets, you must specify whether to apply the background style.

• Layout Settings: the overall layout of visual groups in the dashboard.

  • Margins: the margins of visual groups in the dashboard.

    Parameter	Description
    Screen padding	The value of the margin between the visual group in the dashboard and the perimeter of the canvas.
    Group margin	The distance between visual groups within a data kanban.
    Group padding	The margin between widgets and borders of visual groups.

  • Alignment threshold: the thresholds used to optimize the page layout. You can adjust the thresholds to make the alignment relationship between widgets more obvious.

    Parameter	Description
    Guideline thresholds X and Y	The thresholds to merge the visual guides in X and Y coordinates. Note You can use this parameter to adjust when there is a large space between components due to the presence of two independent visual guides in the data kanban.
    Snap thresholds X and Y	The thresholds to snap visual guides in X and Y coordinates for widgets. Note If visual guides are used but widgets are not aligned, you can adjust these thresholds to align the widgets.

  • Maintain the original group: By default, the group structure of components in an application is not considered when you optimize the layout of a dashboard with one click. If you turn on the switch, the grouped widgets in the dashboard are grouped as an independent visual group during layout optimization. If you want to form a visual group by using the widgets that are not grouped, manually group these widgets with a Title widget (if required) and turn on this switch.

Examples

One-key beautification before One-key beautification after selection (overall style) Default state adjustment (area range-X is adjusted from 100px to 163px) State adjustment after parameter (area range-Y is adjusted from 100px to 159px) State adjustment after parameter (adsorption range-X is adjusted from 100px to 116px) State adjustment after parameter (adsorption range-Y is adjusted from 100px is 229px) parameter after the state