All Products
Search
Document Center

DataV:Overview of Canvas Editor on PC

Last Updated:Apr 27, 2023

After you go to the canvas editing page on a PC, you can use the canvas configuration and component configuration tools provided by the system to manage the canvas and components. This topic describes the structure and features of Canvas Editor on a PC to help you use Canvas Editor on a PC to develop visual applications.

Canvas Editor page and widget configuration page

1..jpeg

2..jpeg

No.

Term

Description

1

Layers

In the layer list, you can view the layer positions of each widget in the canvas. You can manually adjust the upper and lower positions of each widget layer based on your application requirements.

2

Asset list

In the asset list, you can view various types of widgets. You can drag widgets to the canvas for configuration to complete the development of a visual application project.

3

Toolbar

The toolbar is located at the top of the editor page. You can use the toolbar to switch between the canvas view and the blueprint view, switch between the right-side panel, add project filters, update widgets, view help documents, and preview or publish a visual application.

4

Canvas

The canvas is located in the middle of the editor page. You can use the features provided by the canvas to properly lay out the style of each asset content in the canvas, configure the filter in the canvas, search for the layer content in the canvas, set the zoom ratio of the canvas, control the display of thumbnails, and view shortcut functions.

5

Configure parameters in the Page Settings panel

Click a blank area outside the canvas. The Page Settings panel appears on the right side of the page.

In the page settings, you can adjust the screen resolution size, set the background color and image, select the screen fit scaling mode to adjust the grid spacing.

Note

The DataV watermark can be removed from DataV in the Enterprise Edition. For more information, see Page settings.

6

Configure charts

Click a widget on the canvas. The Configuration, Data, and Interaction tabs appear on the right side of the page. For more information, see configuration items description.

Configure parameters in the Page Settings panel

Click a blank area outside the canvas. The Page Settings panel appears on the right side of the page.

大屏页面设置入口

Field

Descriptions

Screen Size

The screen resolution. Default value: 1920 × 1080. Unit: pixels.

Background Color

Adjusts the background color of the visualization application.

Background image

Upload a background image that does not exceed 1 MB in size as the background image of the entire web page.

Reset

Click Restore Default Background to restore the page settings to the original state.

Page Zoom Mode

Select an appropriate page scaling method based on the screen size of the visualization application. If the display screen of your application is a non-standard screen size, we recommend that you use the Full Screen mode.

Grid Spacing

The grid spacing is the minimum movement unit of a widget on the page. The boundaries of the widget are automatically attached to the edges of the grid based on the grid spacing. The minimum value is 1px. In this case, the widget moves smoothly.

DataV watermark

Turn off the switch to cancel the DataV watermark.

Important

The DataV watermark feature is supported only for the Enterprise Edition and later.

Minimap

Click Capture to capture the thumbnail of the project on the My Visualizations page. You can also click Upload thumbnail to select an image as the thumbnail of the project.