Line Chart

Version

Application Scenario

The line chart is a graph formed by labeling values as points and connecting those points in sequence with a line.

You can use a line chart to show trends over time or by ordered categories. You can also set the chart to display data points to represent individual data values or not to display the values as needed. A line chart is very useful when you need to display numerous data points with a significant display order.

Chart Feature

The line chart can not only show the amount of quantity, but also reflect the development of the same thing over time.

Data Preparation

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

Report Design

Theme Selection

Click the theme name above the report, and select Refresh Technology in the Template Theme selecting pop-up box, as shown in the following figure.

Chart Insertion

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

Line 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.

Chart Type

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

Data Binding

Bind the data to the line chart, as shown in the following figure.

Note: 

During data binding, you cannot select None from the drop-down list of Category. If you select Field Value as Series Name, the field for Series Name cannot be the same as that for Category. Otherwise, the chart will only display dots without lines.

Style Setting

1. Choose Style > Title and enter Monthly Air Conditioner Sales in Text, and  retain the default settings of other items, as shown in the following figure.

2. Choose Style > Legend and deselect Show Legend, as shown in the following figure.

3. Choose Style > Series, and you can set the series (Color, Line, and Mark Point) for the chart.

Three line display forms are available, namely Normal, Vertical, and Curve.

Null Value Break is set to On by default, which means that when there is no value for a category, the values next to that category are not connected.

Two choices are available for Point Style, namely General and Custom. If you select General, you can set Type, Fill Color, and Radius for the mark point. If you select Custom, you can use an image as the mark point and customize the size of the image.

Note: 

The border color and the fill color for the mark point are consistent with the chart background. You can also use the default colors #FFFFFF in light themes and #000000 in dark themes respectively when the colors cannot be obtained from the background. For details, see the section "Mark Point Coloring".

The following figure shows the settings in this example.

Effect Display

PC

Save the report 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 download the template Line Chart.cpt

Mark Point Coloring

Problem

Sometimes, you need to cancel the display of the white outer circle existing around mark points of a line chart by default. The following figure shows the effect.

Cause

The border color and the fill color for the mark point are consistent with the chart background. You can use the default colors by default, that is, #FFFFFF in light themes and #000000 in dark themes respectively, as shown in the following figure. 

Solution

Choose Style > Background > Chart Area, and select No Background in Fill. Or you can select Color in Fill, and change the value of Opacity, as shown in the following figure.