A line chart is a graphical representation of an asset's historical price action that connects a series of data points with a continuous line. This is the most basic type of chart used in finance, and it typically only depicts a security's closing prices over time.

Firstly, find the Line Chart control in the controls add panel. Then, drag and drop it into a section or container on your page.

The source explains where you found the information that is in your graph. Select the target data list as the source content to create Line Chart based on filters conditions.

Open the Content > Data Source block, and in the Application section, select the application which is the current application by default.

Afterward, move on to the List section. Select the data list under the selected application.

In the Data Filters section, click the condition button to filter the data from the selected data list.

Open the Content > Chart block to select the chart type and the fields as X-axis and Y-axis of this Line Chart.

Chart Type: select the chart type as Line Chart, or Area Chart.

X-axis (Category): Line chart have an x-axis and a y-axis. The x-axis has numbers representing different time periods or names of things being compared.

Select one of the field included in the selected data list as the X-axis (category) of this Line Chart.

X-axis (Sub category): This sub category is optional. If you wanna show 2 type of categories on X-axis, you can select another field as your second category. when the sub category on X-axis is set, you can only set one Y-axis, and the Y-axis (second value) will be disabled.

Y-axis (Value): Typically, the y-axis has numbers for the amount of stuff being measured. The y-axis usually starts counting at 0 and can be divided into as many equal parts as you want to.

Select the field to calculate value of this Line Chart, and choose the method about how to calculate the result. For numeric fields, the calculation type can be count (count the number of records), sum (sum of the total value of records), Count distinct (tallies unique values in data), Avg, Max or Min.

Y-axis (Second Value): This second value is optional. If you wanna show 2 type of values on Y-axis, you can select another field as your second value. when this field is set, you can only set one X-axis, and the X-axis (Sub category) will be disabled.

Chart Height: Set the height of this Line Chart control.

Axis Line: Show/hide the line of Axis on the Line Chart.

Grid: Show/hide the grid line on the Line Chart.

Axis Labels: Show/hide the labels of X-axis and Y-axis.

Display: turn on to show title of the Line Chart.

Chart Title: type the text of the title, or set dynamic content as the title text.

Title Position: set the display position of the title as Before Chart or After Chart.

Text Align: Set the alignment of the title as Left, Center, Right, or Justify.

Display: turn on to show Legend of the Line Chart.

Position: set the display position of the legend around the Line Chart.

Enable: turn on to show Tooltip of the Line Chart.

Number Suffix: set the suffix of the number on the Tooltip.

Set the Advanced options that are applicable to this control.

​