Menu

Create the first component

This section will introduce the overall process and operation steps of configuring a complete visualization component for users who are using the report for the first time.

The entire configuration process is divided into four steps. First, add a visualization component and select the chart and business model to add. Second, drag the data of the business model to the field parsing area to render or replace the chart. Then, use style configuration to beautify the chart or make necessary changes to the chart properties to increase readability. Finally, save and submit the completed configuration. The steps will be introduced below:

add visualization component

After creating the report, click "Add component" on the page to start creating the first component:

Step 1: Create a report

Confirm the report analysis theme, space, and group, and click "Confirm creation."

Step 2: Click "Add Component" and continue to enter the editing state of the chart

Step 3: Select the business model to be added in the drawer


Create a chart

As mentioned in the "Make visual components v2.5" document, Sensors provides two visualization component configuration modes: "Drag and Drop Mode" and "Agile Mode". The following are examples of creating charts using these two modes.

Drag and Drop Mode

Depending on the different business models added, different configuration modes will be entered. When entering the "Drag and Drop Mode," drag the indicators and dimensions that need to be viewed to the corresponding configuration area, and the visualization component will render the chart, as shown below:


(灯泡亮)You can use the shift and command shortcuts to batch drag and drop fields:


Agile mode

When entering the "Agile mode", the configuration mode will be different depending on the selected business model. In "Agile mode", there is no need to drag and drop fields, and the graph is presented in a default table format.


Style Editing

Enter the component configuration area to adjust the display style and beautification of the component according to the actual business needs.

PS: Real-time parameter saving in edit mode, when the user closes the browser and reopens it in the current visual editing state, the page will reload the original draft box and restore the user's editing content

Save and Submit

After completing the chart editing, click "Submit" in the upper right corner to save the completed chart.

When all configurations in the report are completed, click "Save" in the upper right corner to store the configuration of the entire report.



Previous
Component Introduction
Next
Table component application
Last modified: 2024-12-27