After you go to the canvas editing page, you can use the canvas configuration and widget configuration tools provided by the system to manage the canvas and widgets. This topic describes the structure and features of Canvas Editor to help you develop visual application projects by using Canvas Editor.

Figure 1. Canvas Editor page overview
Edit a large screen page
Figure 2. Canvas widget configuration
Configure the big screen widget
No. Parameter Description
1 Layers In the layer list, you can view the layer positions of each widget on the canvas. You can manually adjust the upper and lower positions of each widget layer as required by the visualization application.
2 Component List On the Components tab, you can view various types of components. You can drag and drop the components to the canvas to configure them.
3 Toolbar The toolbar is located at the top of the editor page. You can use the functions provided by the toolbar to switch the canvas view, add item filters, update components, view help documents, and preview or publish the created visualization application.
4 Canvas The canvas is located in the middle of the editor page. You can use the features provided by Canvas to properly lay out the style of each asset content on the canvas, configure the filter on the canvas, search for layer content on the canvas, set the zoom ratio of the canvas, control the visibility and concealment of thumbnails, and view shortcut keys.
5 Page Settings Click a blank space outside the canvas. The Page Settings panel appears on the right side of the page.

In the page settings, you can adjust the resolution size of the screen, set the background color and image, and choose the screen to adjust the grid spacing. Enterprise Edition can remove the DataV watermark. For more information, see Page Settings.

6 Configure a chart Click a widget on the canvas. The Configuration, Data, and Interaction tabs appear on the right side of the page. For more information, see Component Guide.

Page Settings

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

Set entry on the big screen page
Parameter Description
Screen size Specifies the screen resolution. Default value: 1920 × 1080. Unit: px.
Background Color Adjust the background color of the visualization application.
Background image Upload a background image with a size of no more than 1 MB as the background image of the entire web page.
Reset Click Restore Default Background to restore the page settings to the original state.
Page Scaling Method Select an appropriate page zoom mode based on the screen size displayed by the visualization application. If the display screen of your visualization application is of a non-standard screen size, we recommend that you use the Full Screen mode.
Grid spacing The grid spacing is the smallest unit in which a widget moves on a page. The boundaries of the widget are automatically attached to the edges of the grid with the grid spacing as the grid spacing. The minimum is 1px. In this case, the movement of the component is smooth.
DataV watermark If you turn off the switch, you can cancel the DataV watermark.
Notice The DataV watermark feature is supported only in the Enterprise Edition and later editions. The Basic Edition does not.
Minimap Click Cover to capture the current page as the thumbnail of the project on the My Visualization page. Alternatively, click Upload Cover and select an image as the thumbnail of the project.