Common Area Chart

Version

Application Scenario

The general area chart is used to display the change of data over time or other ordered categorical variables.

The general area chart emphasizes the cumulative effect and changing trend of data by plotting a series of data points on the x-axis and filling the area below these points with color.

The general area chart is commonly used to show the changes of two or more variables over time, and can be used to compare the relationships between different variables.

For example, you can use the area chart to display the change in Contract Amount over different years, as shown in the following figure.

Implementation Method

You can create an area chart by selecting Area from the drop-down list under Graphic Property in Custom Chart.

Basic Requirement

Chart Feature

1. Advantage

• Emphasis on the cumulative effect of data: The general area chart visually displays the cumulative      effect of data over time by filling the area below the data points, helping users understand the overall trend of change.

• Trend changes display: The general area chart is very suitable for displaying data that changes over time, such as sales, user growth, and resource consumption, and can clearly reveal upward, downward, or fluctuating trends.

2. Disadvantage

• Possible exaggeration of data changes: The filling effect of a general area chart may magnify the changes in data, especially when the differences between data points are small, which may mislead the observer.

• Difficult to display detailed data points: The general area chart emphasizes the overall trend and cumulative effect of the data, so the chart may not be suitable for displaying the detailed values of individual data points or other non-cumulative data features.

Data Preparation

Log in to FineBI, click My Analysis, select a folder, and click New Subject, as shown in the following figure.

Click Local Excel, and click Upload Data to upload the sample data, as shown in the following figure.

Sample data:Contract Information.xlsx

After the data is uploaded, click OK, as shown in the following figure.

Click Save and Update to complete the data creation, as shown in the following figure.

Component Creation

Click Component in the lower left corner.

Select Custom Chart under the Chart Type, and select Area from the drop-down list under Graphic Property.

Drag Contract Signing Date from the left to-be-analyzed area into the horizontal axis of the analysis area, and drag Contract Amount into the vertical axis, as shown in the following figure.

Click the drop-down button of Contract Signing Date in the horizontal axis of the analysis area, and select Year, as shown in the following figure.

Component Beautification

Color Setting

Click the Color Setting button under Graphic Property, and select On in the Effect area to enable the gradient effect, as shown in the following figure.

Label Setting

Drag Contract Amount in the left to-be-analyzed area into the Label bar. In this way, the labels of Contract Amount will be displayed in the chart, as shown in the following figure.

Dashboard Creation

Click the Add Dashboard button at the bottom of the editing page in the analysis subject.

Drag the component into the dashboard on the dashboard editing page, as shown in the following figure.

Select Edit Title from the drop-down list, set Font Style to Custom, enter the title as General Area Chart, and click OK, as shown in the following figure.

Effect Display

PC

Mobile Terminal

You can drag multiple fields into the horizontal and vertical axes for the multi-dimension and multi-indicator display. For example, drag the Contract Payments Type field in the left to-be-analyzed area into the horizontal and vertical axes of the analysis area.

• If you drag the field into the horizontal axis, the effect is shown in the following figure.

• If you drag the field into the vertical axis, the effect is shown in the following figure.