FVS Component Operation and Hotkey

This document is applicable to users who have installed the FineVis Data Visualization plugin to learn plugin functions.

Version

Application Scenario

This document mainly describes the basic operations on all components in FVS and how to perform the operations.

Component Adding

You can add a component with the following two methods.

1. Clicking

Click the type of the component to be added as needed. The component is added to the center of the current page, as shown in the following figure.

2. Dragging

Select the type of component as needed, directly drag the component to the current page, and release the mouse. The component will be added to where the cursor is located, as shown in the following figure.

Component Selecting

1. Click a component on the canvas to select the component, as shown in the following figure.

2. If you want to select multiple components, press Shift and click the components one by one, or box-select the components by pressing the left mouse button, as shown in the following figure.

3. In V2.2.0 and later versions, you can select a component (which is overlapped with other components) by its component layer.

Note:

In V2.2.0 and earlier versions, the overlapped component needs to be selected in the component layer list.

• Hover your cursor over the component to be selected, right-click the component,  click Select Layer to expand the component layer list, and select the component quickly.

• The list includes all components vertically displayed over the cursor and arranged by their order in component layer from top to bottom, as shown in the following figure.

4. After you select a specific node (for example, A2) from a combination containing multi-level nodes, in V3.2.0 and later versions,

• If  the parent node is selected, the child node can be selected only by double click. (You need to double-click A2-1 and A2-2 to select them.)

• If the child node is selected, all the parent nodes of the currently-selected object cannot be directly selected by click. (You cannot select A by just click.)

• In the same root node, only objects whose level is higher than or equal to the currently-selected node can be selected by just click. (You can select A1 by just click.)

Component Copy

1. Supported Range

• You can copy and paste a single component, combined components, or multiple components.

• Components can be copied and pasted across FVS templates.

• Chart blocks and report blocks can be copied from FRM dashboards and pasted to FVS.

2. Copying and Pasting Method

Note:

In V1.18.1 and later versions, components with datasets can be pasted together. If a dataset in the source template has the same name as one in the target template, the dataset in the source template will not be carried and matched as the one in the target template during component pasting.

• Select a component, and press Ctrl and C to copy and Ctrl and V to paste the component.

• Select a component, right-click the component, select Copy from the drop-down list, click the blank space where you want to paste the component, right-click the blank space, and click Paste.

• Press Alt (or Option in Mac), and drag the component with the left mouse button for quick copying.

Component Deletion

You can delete a component with the following three methods.

Note:

In V2.10.0 and earlier versions, besides the following two methods, you can also delete a component by clicking the Delete icon on the toolbar. In V2.10.0 and later versions, you can only delete a component through the following two methods.

• Right-click the component and select Delete from the drop-down list.

• Select the component in Component Layer and click Delete.

Component Alignment

When you select multiple components, you can align the borders formed by the components, as shown in the following figure.

Note:

In V2.10.0 and earlier versions, you can align the selected components using the Arrange function on the toolbar. In V2.10.0 and later versions, the component arrangement function is moved to the right configuration bar.

The following figure shows the effect of each alignment method.

Initial Position	Alignment Method	Example
	Align Left
	Align Right
	Align Center
	Align Top
	Align Bottom
	Align  Middle

Component Combination

Select multiple components and click Combine on the right configuration bar of the canvas, or right-click the selected components and select Combine to combine these components.

Note:

In V2.10.0 and earlier versions, the Combine and Uncombine buttons are available on the top toolbar. In V2.10.0 and later versions, the Combine and Uncombine buttons are moved to the right configuration bar appearing when multiple components are selected.

The component configurations are not affected after component combination. All operations that can be performed on components are effective for the combination.

• You can hide, lock, rename, delete a combination in the component layer, as shown in the following figure. If the combination is deleted, the components within the combination will also be deleted.

• You can set animations for a combination on the Animation tab page on the right configuration bar.

• On the Combine tab page on the right configuration bar, you can configure Name, Size, Position, and 3D      Rotation, or select Uncombine, as shown in the following figure.

In V2.2.0 and earlier versions, you can click only one combination layer by layer until the target component in a combination is selected, as shown in the following figure.

In V2.2.0 and later versions, you can press Ctrl and click a component in the sub-layer for quick selection, as shown in the following figure.

Note:

If a component is overlapped with other components in a combination, you can select the component with the method mentioned in section "Component Selecting."

Component Layer Adjustment

You can adjust the layer order in four ways, namely Bring Forward, Send Backward, Bring to Front, and Send to Back.

You can adjust the layer order of a combination. Besides, you can adjust the layer order of the components within a combination.

The following lists two methods for adjusting the component layers.

Note:

In V2.10.0 and earlier versions, besides the following two methods, you can adjust the layer order of the selected component by clicking the Component Layer button on the top toolbar. In V2.10.0 and later versions, the Component Layer icon is deleted. Therefore, you can only adjust the layer order by the following two methods.

1. Manually drag component layers for order adjustment in the component layer list, as shown in the following figure.

In V2.3.0, the interaction of the component layer list has been optimized.

• Press Ctrl and multi-select/deselect components via one-by-one click. Press Shift and click components for continuous selection. However, components cannot be multi-selected or continuously selected across layers.

• Right-click the selected component to bring up the operation menu, enabling operations such as batch copying, pasting, hiding, locking, and arranging.

2. Right-click the selected component, and select Arrange from the drop-down list to adjust the component layer order, as shown in the following figure.

Component Locking

You can lock a component in Component Layer to prevent the configured component from being affected by other factors.

1. You can lock a component in Component Layer on the left of the canvas. In V3.2.0 and later versions, you can right-click a component, click Select Layer, and select the corresponding component to be locked.

You cannot perform any operation on a locked component on the canvas until it is unlocked, as shown in the following figure.

2. You can unlock the component in Component Layer. In V3.2.0 and later versions, you can right-click a component, click Select Layer, and unlock the corresponding locked component.

3. You can lock a combination as a whole, but cannot lock the components within the combination independently. Similarly, the combination can only be unlocked as a whole.

Component Hiding

You can make your editing page clearer by component hiding, enabling higher editing efficiency.

A hidden component will be invisible and unselectable on the editing page. However, you can select the component from the layer list, and the function settings of the component will not be affected, as shown in the following figure.

Separate Component Display

If many components exist on the canvas, you may mistakenly select other components. If you need to fine-tune a specific component, you can display the component separately, adjust the component as needed, and return to the original display status.

Right-click the selected one or more components on the canvas/on the Component Layer panel, and select Separate Display.

Note:

1. Separate Display is supported only in V3.2.0 and later versions.

2. Separate Display takes effect only in the editor but does not take effect during the preview.

You can right-click the component again and select Exit Separate Display, or directly click the Exit Separate Display button at the top of the canvas/in the component layer list to exit the separate display mode, as shown in the following figure.

Note:

If multiple components are displayed separately, you can click the Exit Separate Display button at the top of the canvas to cancel all separate display effects with one click. If you cancel the separate display for a specific component, the other components will remain the separate display status.

The following figure shows the hotkey list.

Note:

The hotkeys can only be applied to components and cannot be applied to pages. For example, if you want to delete a page, right-click the page and select Delete rather than use the hotkey.