Vertical Structure Chart

Version

Application Scenario

Displaying the hierarchical relationships among nodes, the vertical structure chart is used to present the organizational hierarchy as well as the value of each node.

Chart Feature

Advantage: The chart allows you to view the hierarchical relationship easily and intuitively.

Disadvantage: The chart is unsuitable for displaying large datasets.

Type

After inserting the vertical structure chart in Cell Element or Floating Element, you can freely select three subtypes under type setting on the right attribute panel.

The following figure shows the vertical structure chart.

Data

For details about binding data to the structure chart, see Chart Data.

The data of the structure chart includes Parent Node ID, Node ID, Node Name, and Value. 

Not supporting text data, Parent node ID and Node ID are unable to determine the hierarchy.

There can be only one parent most node in the data.

 The following figure shows the specific setting.

Style

For details about the style design of the structure chart, see Chart Style.

The series settings of the structure chart under Style > Series are different from the basic style and are introduced separately:

Color Scheme: 12 options from default to new features are available, and you can also customize the color scheme.

Link: You can set Color, Width, and Opacity freely.

Node: You can set Node Radius, Border Width, Color, Opacity, and Filled with Image.

Special Effect

For details about the Special Effect settings of the structure chart, see Chart Special Effects.

Report Design

Data Preparation

Choose File > New General Report in the upper left of the designer, and create a built-in dataset File 1, which stores the data about hierarchical relationships among departments and the remaining annual leave days, as shown in the following figure.

Chart Insertion

Merge required cells, select the merged cell, click the Insert Chart icon on the upper toolbar, select Structure Chart, select Vertical Structure Chart, and click OK, as shown in the following figure.

Data Binding

Click Data and bind the required data to the chart, as shown in the following figure.

Structure Chart Design

Select the chart, click the Cell Element icon on the right property panel, and set the attributes (Type, Data, Style, and Special Effect) for the chart.

Style Setting

Select the chart, choose Style > Title, enter Vertical Structure Chart, choose Style > Label, and select Node Name in Text. Retain the default settings of other items, or modify them as needed, as shown in the following figure.

Effect Display

PC

Save the report and click Pagination Preview. The following figure shows the preview effect.

Mobile Terminal

The report can be previewed on both the DataAnalyst app and the HTML5 terminal. The following figure shows the effect.

For details, you can download the template Vertical Structure Chart.cpt