Custom Area Chart

Application Scenario

When regular area charts cannot meet your specific needs, you can use custom area charts where you can freely adjust the style of charts and the way of data presentation to express the data information better.

Chart Feature

Advantage: Custom area charts can enhance the visualization of data through personalized design, making data information more intuitive and attractive.

Disadvantage: The excessive customization of custom area charts may distract the viewer, reducing the clarity and readability of the data. 

Data Preparation

Choose File > New General Report in the upper left corner of the designer, and create a built-in dataset, as shown in the following figure.

Chart Insertion

Merge required cells, click Insert Chart, and choose Area Chart > Custom. 

Chart Design

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

Chart Type

Select the cell where the chart is located and choose Cell Element > Type to view and select the chart type.

Data Binding

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

Style Setting

Select the chart, choose Cell Element > Style > Title, and enter Custom Area Chart, as shown in the following figure. 

Axis Setting

Choose Style > Axis on the area properties panel to set the properties of the axis.

In this example, you need to set Y Axis 2 to display the Profit Margin as percentage, as shown in the following figure. 

Effect Display

PC

Save the template and click Pagination Preview. The effect is the same as that shown in section "Application Scenario".

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 click to download the template Custom Area Chart.cpt