Through the asset grouping function, you can adjust the parameters of size, position, transparency and 3D application transformation of multiple assets as a whole, and realize the effect of carousel of objects in the group.

Procedure

  1. Log on to the DataV console.
  2. On the Projects page, click Edit above the project that you created.
  3. On the Layers tab or on the canvas, use the following methods to select multiple assets:
    Notice Before grouping assets, make sure that the corresponding assets have been added to your visualization application project. Otherwise, you need to add assets first. For more information, see Add a widget.

    Long-press the Ctrl key in Windows (command key in Mac) to click multiple assets, or use the mouse box to select multiple assets in the canvas area.

  4. Right-click and select Groups (or click the Group icon icon at the bottom of the Layer bar) to add the selected assets to a layer group.
  5. After assets are grouped, you can adjust the size, location, and transparency of multiple assets as a whole.
  6. In the Grouping panel, you can turn on Apply 3D Transformation and configure 3D Transformation, Perspective Distance, and Perspective Origin as described in the following figure.
    • 3D Transformation: Click the Horizontal or Vertical icon to configure the horizontal and vertical arrangement styles of multiple assets in the current configuration bar. 3D Transformation

      Click an asset thumbnail, select the corresponding asset in the group, and configure the 3D properties of the asset.

      Parameter Description
      Rotation The rotation axis of an asset in the combination. You can select X-Axis, Y-Axis, and Z-Axis.
      Scale The scaling value of an asset within the portfolio in the x-axis direction and the y-axis direction. Turn on Scaling Lock to lock the ratio of the x axis and y axis. When you change the scale value on one axis, the scale value of the other axis changes in the same ratio. If you turn off the switch, changes to one axis do not affect the other.
      Translation The translation value of an asset within the portfolio in the x-axis, y-axis, and z-axis directions.
    • Perspective Distance: the distance of the 3D perspective of a group of assets. Unit: px.
      Note The perspective distance cannot be smaller than 0. Otherwise, the widget disappears from the canvas. When the z value of an asset is greater than the perspective distance, the asset disappears because it is out of the observation range, so the perspective distance value can only be a positive number.
    • Perspective Origin: the vanishing point where you look at the widget from a three-dimension space. You can set the position of the vanishing point in the x and y axes. Valid values: 0 to 100%. Example of the perspective origin
  7. When a visualization application is configured with an excessive number of assets, which causes the assets to be masked and the visualization application is too crowded, you can use the in-group carousel feature to enable DataV to automatically play each asset in sequence. Can I click the widget at the bottom of the panel? Try the carousel feature or the In-group carousel entry on the right side of the configuration panel to configure the carousel of objects in a group after multiple assets are grouped.
    On the Settings tab of widget carousel, turn on Carousel of Widgets and configure Basic Settings and Animation Settings based on the following tables.
    • Basic SettingsBasic Settings
      Parameter Description
      Alignment Click the thumbnail, and select Horizontal (including left-aligned, center-aligned, and right-aligned) and Vertical (including top-aligned, center-aligned, and bottom-aligned).
      Trigger Method The trigger mode of the asset carousel. Available options include:
      • Automated: On the preview or publish page, the assets are automatically rotated.
      • Event-based: The asset is caroused only when the event configured in Blueprint Editor is triggered on the preview or publish page.
      • Keystroke: If you select this method, you must also specify Trigger Key. By default, Trigger Key is set to Shift + ↑. After you set the Trigger Key parameter, you must manually press the Trigger Key button on the preview or release page to trigger asset carousel.
      Duration The duration of the asset carousel. Unit: ms.
    • Animation SettingsAnimation Settings
      Click an asset thumbnail, 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. Valid values: Fade and Slide.
      Animation Duration The duration to display the widget. Unit: ms.
      Easing Effect The easing effect of the animation. Valid values: Linear, Ease In, Ease Out, and Ease In and Out.
    • Preview: You can click Preview to preview the carousel effect of the assets. You can click Pause to stop the preview.
  8. After the assets are grouped, you can right-click the asset group and select Ungroup. After you cancel grouping, all assets in the group return to the ungrouped state. Each asset is independent of each other and no longer performs operations such as dragging and moving on a portfolio basis.
    Note After you select one or more assets from a layer or canvas, you can use the shortcut key Ctrl + G to group and Ctrl + Shift + G ungroup.