Assets are core resources in data visualization projects, including various widgets such as charts, maps, text, and images. As a key module of visualization application management, the asset management function covers operations such as adding, searching, and favoriting, helping users efficiently manage and maintain project resources. This topic details how to add and manage assets, providing operation guides from basic to advanced to help users efficiently complete asset design and application, improving the development efficiency and display effect of visualization projects.
Before you begin
You have created a visualization application project.
Access asset management
- Log on to the DataV console .
On the Projects page, click the Edit button above the visualization application project you created.
On the canvas editor page, click the
icon in the upper-left corner to expand the Asset List.
In the Asset List area, the All Assets module content is displayed by default.
NoteClick the icon to the right of All Assets
to refresh and retrieve the content of the asset library, which is applicable when the asset library fails to load or when the asset library is updated. Click the
icon to collapse the asset list. You can control the expansion or collapse of the asset list by clicking the
icon in the top toolbar of the canvas editor.
Basic asset operations
Add an asset
On the Asset List page, click the component type icon in the left-side navigation pane, select the desired widget and add it to your visualization application project. Here we take adding a Bar Chart widget as an example. After successful addition, the widget will automatically appear on the canvas. You can adjust its size by dragging the widget border or click and drag the widget to reposition it.
Search for assets
With the asset search function, you can quickly retrieve assets by name, improving the efficiency of visualization application development.
Click the icon to the right of All Assets
, and in the search dialog box, enter the name of the asset you want to search for. After input, the system will automatically search for widgets that match the criteria (supports fuzzy matching) and display them in the Widget List area.
Optional: When search results are displayed, widgets from the Unpurchased Widgets asset package will also be shown. You can click Purchase in the widget to jump to the purchase page to obtain the corresponding asset package.
Click the
icon on the right side of the search box to clear the content in the search input box.
Copy an asset
On the canvas editor page, click an asset in the Layer panel or on the canvas, then right-click and select Copy. The copied asset will overlap with the original asset on the canvas. You can adjust its position by moving the asset to meet your design layout requirements.
Before copying an asset, make sure you have added the corresponding asset to your visualization application project.
Delete an asset
With the asset deletion function, you can remove assets that are no longer used in the visualization application, with support for batch deletion. If you accidentally delete an asset, you can recover it through the Delete Backup function.
On the canvas editor page, click an asset in the Layer panel or on the canvas.
Right-click and select Delete (or click the
icon at the bottom of the layer panel) to completely delete the asset.
Click the
icon in the upper-right corner of the canvas to open the Asset Delete Backup panel. In the Asset Delete Backup panel, you can perform the following operations on the assets deleted in the above steps.
Operation
Description
View backup asset information
In the list, you can see the name and deletion time of each backup asset. You can locate the required backup asset and select subsequent operations.
Select/deselect backup assets
In the panel, you can select one or multiple backup assets by checking the checkbox to the left of the backup asset, or click the select all box at the top of the panel to select multiple backup assets. To deselect, simply uncheck the corresponding asset's checkbox or click the cancel button in the lower-right corner of the panel.
Recover backup assets
Click the
icon to the right of a backup asset in the panel to recover the asset and add it back to the canvas editor.
Select multiple backup assets in the panel or select all backup assets, and click Batch Recover in the lower-right corner of the panel to recover multiple backup widgets and add them to the canvas editor.
ImportantIf the backup panel contains deleted map sub-widgets and their corresponding parent widgets, you need to recover the parent widget before recovering the sub-widget. Before the parent widget is recovered, the
icon of the sub-widget will be grayed out in the panel.
Delete backup assets
Click the
icon to the right of a backup asset in the panel to delete the backup asset from the panel.
NoteThe operation of deleting backup assets is irreversible. Once a backup asset is deleted from the panel, it cannot be recovered. Please proceed with caution.
Asset status management
Upgrade assets
Assets are updated and upgraded periodically. You can update old version assets to the latest version through batch upgrade or individual upgrade to ensure optimal functionality and performance.
Upgrade a single asset
Click an old version asset that needs to be updated on the canvas to open the asset configuration panel.
In the upper-right corner of the asset configuration panel on the right side of the canvas, click Update Version to upgrade the currently selected old version asset to the latest version.
Batch upgrade assets
Click the Asset Upgrade (
) icon in the toolbar at the top of the canvas editor.
In the expanded upgrade asset panel, click One-Click Upgrade to batch upgrade all assets that need to be updated in the visualization application to the latest version.
Lock/unlock assets
The asset lock function is used to lock multiple configured assets in the visualization application to prevent accidental modifications. This effectively avoids configuration errors caused by too many assets or operational mistakes, ensuring the stability and security of the project.
When an asset is locked, it is not affected by other operations in the visualization application layout process.
Once an asset is locked, you cannot perform any operations on the asset on the canvas until it is unlocked.
On the canvas editor page, click an asset in the Layer panel or on the canvas. Right-click and select Lock (or click the
icon at the bottom of the layer panel) to lock the asset.
When an asset is locked, a lock icon appears on the asset layer in the left layer panel, and it is displayed in gray.
Select the locked asset in the Layer panel on the left, right-click and select Unlock to unlock the asset. You can also click the
icon on the asset layer or at the bottom of the layer panel to unlock the asset.
Hide assets
With the asset hide function, you can hide multiple deployed assets to effectively alleviate system pressure and quickly deploy other assets when high resource usage (such as CPU and memory) causes application stuttering. This not only makes the visualization application interface clearer and operations smoother but also significantly improves deployment efficiency.
On the canvas editor page, click an asset in the Layer panel or on the canvas.
NoteBefore favoriting an asset, make sure you have added an asset to your visualization application project.
Right-click and select Hide (or click the
icon at the bottom of the layer panel) to hide the asset.
When an asset is hidden, a hide icon appears on the asset layer in the left Layer panel, and it is displayed in gray.
NoteAfter an asset is hidden, you cannot perform any operations on it on the canvas. To modify the asset configuration, follow the steps below to display the asset again.
Select the hidden asset in the Layer panel on the left, right-click and select Show (or click the
icon at the bottom of the layer panel) to display the asset.
Favorite assets
The favorite asset function allows users to save important or frequently used assets in the visualization application to the favorites bar for quick access and management. Through this function, users can easily favorite single or multiple assets, view the list of favorited assets, and perform operations such as deletion, renaming, or upgrading to blocks on the favorited assets. The favorite asset function not only improves the efficiency of asset usage but also provides users with a more flexible project management method, ensuring that key resources can be quickly found and used when needed.
Quota limits
The favorite asset quotas for different versions are as follows:
Basic Edition: Assets cannot be favorited.
Enterprise Edition: Up to 20 assets can be favorited.
Professional Edition: Up to 40 assets can be favorited.
Asset favorite operations
Favorite a single asset
On the canvas editor page, perform the following steps to favorite an asset.
NoteBefore favoriting an asset, make sure you have added an asset to your visualization application project.
Click to select an asset in the Layer panel or canvas area, right-click and select Add to Favorites.
ImportantThe data results of favorited assets will be affected by data source changes. It is recommended to use static data when favoriting.
In the Add to Favorites dialog box, enter the name of the favorited asset (default is the display name in the asset list), and click OK.
After the asset is successfully favorited, on the All Assets page, click the Favorites icon in the left navigation bar to view your favorited assets. Click your favorited asset to apply it to your visualization application project.
Favorite multiple assets
You can use the group favorite asset function to categorize and favorite multiple assets, forming an asset collection for easy finding and use.
Since DataV has limitations on the number of favorited assets, the group favorite asset function also helps you save the quota for favorited assets.
In the Layer panel or canvas area, hold down the Ctrl key and click to select multiple assets. Right-click and select Group to group multiple assets.
Select the grouped assets, right-click and select Add to Favorites to favorite multiple grouped assets to the asset favorites folder.
ImportantIf the data source of the favorited asset changes, it may cause the asset to become unavailable. It is recommended to use static data when favoriting assets.
Management of favorites
Return to the .
Click My Assets, click Widget Favorites on the left side of the page to enter the widget management page.
On the widget management page, you can view favorited assets and perform delete or rename operations on them.
View favorited assets: View the assets you have favorited and the number of assets you can still favorite.
Delete favorited assets: Move the mouse over a favorited asset and click the
icon to delete the asset from the favorites.
Rename favorited assets: Move the mouse to the asset name, click the
icon and enter text to modify the asset name.
Asset grouping
The asset grouping function allows users to combine multiple assets (such as charts, text, images, etc.) into a single group for unified management and operation. After grouping, users can uniformly adjust the size, position, transparency, and 3D application transformation parameters of assets within the group, and support the implementation of carousel effects for objects within the group.
Asset grouping operations
In the Layer panel or canvas area, hold down the Ctrl key and click to select multiple assets.
NoteBefore grouping assets, make sure you have added the corresponding assets to your visualization application project. Otherwise, you need to add assets first. For more information, see Add an asset.
Right-click and select Group (or click the
icon at the bottom of the Layer panel) to add the selected assets to a layer group.
After the assets are grouped, select the asset group, right-click and select Ungroup to ungroup. After ungrouping, all assets in the group will return to the ungrouped state. Each asset is independent and no longer moves as a unit during drag operations.
NoteAfter selecting one or more assets in the layer or canvas, you can use the shortcut key Ctrl + G to group, and Ctrl + Shift + G to ungroup.
Asset grouping configuration
After grouping assets, you can enable the 3D transform switch in the grouping configuration panel on the right and configure 3D transform, perspective distance, and vanishing point position according to the following instructions to achieve perspective projection effects for grouped assets.
3D Transform: Click the
or
icon to configure the horizontal and vertical arrangement style of multiple assets in the current configuration bar.
Click an asset thumbnail to select the corresponding asset in the group and configure the 3D properties of the asset.
Parameter
Description
Rotation
The rotation axis style selection for an asset in the group, with options including X-axis, Y-axis, and Z-axis rotation methods.
Zoom
The scaling values of an asset in the group in the x-axis and y-axis directions. Turn on the Scale Ratio switch to lock the scaling value ratio. When you customize the scaling value in one direction, the scaling value in the other direction will be modified proportionally. Turn off the switch, and the scaling values in the two directions will not affect each other when modified.
Translate
The translation values of an asset in the group in the x-axis, y-axis, and z-axis directions.
Perspective Distance: Set the distance value of the 3D perspective for the grouped assets, in px.
NoteThe perspective distance value represents the distance of the observer from the plane where the z value equals 0. When the z value of an asset is greater than the perspective distance, the asset will disappear because it is beyond the observation range. Therefore, the perspective distance value can only be positive.
Vanishing Point Position: The vanishing point is the intersection point of parallel lines in three-dimensional space in a two-dimensional projection. You can customize the values of the vanishing point position in the x and y axis directions, in %, with a value range of 0~100.
During the visualization application configuration process, if there are too many assets causing mutual occlusion or interface crowding, you can use the in-group carousel function to let DataV automatically play each asset in sequence, thereby optimizing the display effect. Click Try Carousel to Show More Widgets at the bottom of the panel or
on the right side of the configuration panel to configure the in-group object carousel effect after multiple assets are grouped. In the carousel function configuration panel, turn on the Carousel of Widgets switch, and configure Basic Settings and Animation Settings according to the following instructions.
Basic Settings
Parameter
Description
Alignment
Click the thumbnail to select Horizontal (including left align, center align, right align) and Vertical (including top align, center align, bottom align) alignment methods for carousel assets.
Trigger Mode
The trigger method for asset carousel, with options including the following:
Auto Trigger: On the preview or publish page, assets will automatically carousel.
Event-based Trigger: On the preview or publish page, assets will only carousel when the corresponding event configured in the blueprint editor is triggered.
Manual Trigger: After selecting Manual Trigger, you also need to set the Trigger Key, which is Shift + ↑ by default. After setting the Trigger Key, on the preview or publish page, you need to manually press the Trigger Key to trigger the asset carousel.
Duration
The duration of the asset carousel, in ms.
Animation Settings
Click an asset thumbnail to select the corresponding asset in the group and configure the animation properties of the asset.
Parameter
Description
Animation
The animation effect of the asset carousel, supporting Fade and Slide.
Animation Duration
The duration of the animation playback, in ms.
Easing Effect
The easing effect of the animation playback, supporting Linear, Slow-Fast, Fast-Slow, and Fast In The Middle.
Preview: Click Preview to preview the carousel effect of the grouped assets. Click Pause to stop previewing the carousel effect of the assets.