Basic line chart

The Basic line chart displays a series of data points connected with a straight line. The chart supports both single and multiple series. For more configuration options, see the Advanced line/area chart component.

Usage

Basic line charts are used to show changes or trends over a certain time, or to compare multiple datasets.

Examples

Basic line charts examples are available in our Showroom. You can view the demo, as well as access the setup in Appfarm Create. Don't have access? Register.

Properties

Property
Description

Data Source

Select a data source to display as a chart.

Filter

Apply a filter to the selected data source.

Conditional Filters

Create conditional filters to apply to the selected data source.

Category Property

Select a data source to display as the X axis. Only the data types boolean, datetime, and enum are supported.

Hide Empty

Visible when Category Property is selected.

Enable to hide categories without content.

Group By

Visible when Category Property with data type datetime is selected.

Select a dimension to group the data by. If no dimension is selected, all objects will be displayed in the order given by the data source.

Custom Format

Visible when Category Property with data type datetime and a Group By dimension is selected.

Define a custom format to override the format of the data source.

Value Property

Select a data source to aggregate the data on. If no data source is selected, Count will be used by default.

Aggregation Function

Visible when Value Property is selected.

Select a function to aggregate the data: Count, Sum, Average, Median, Minimum or Maximum.

Dataset Property

Select a property to use to split the data into datasets. If no property is selected, all data will be treated as a single dataset.

Use Enum Colors

Visible when Dataset Property with type enum is selected.

Enable to use the colors defined in each enum value.

Limit Datasets

Visible when Dataset Property with type enum is selected..

Enable to limit the dataset property by one or more enum values.

Stack Datasets

Visible when Dataset Property is selected.

Enable to stack the datasets.

Title

Enter a static title or bind it to a property, function, or default datetime value.

Title Position

Visible when Title has been set.

Position the title on the top, left, bottom or right side of the chart.

Show Legend

Enable to show a legend.

Legend Position

Visible when Show Legend is enabled.

Position the legend on the top, left, bottom or right side of the chart.

Show Uncategorized

Visible when Show Legend is enabled.

Enable to display uncategorized data as a separate category in the legend.

Disable Animation

Remove animations from the chart.

Disable Bezier

Display straight lines instead of rounded lines between each point. May be used to increase performance.

Hide Points

Hide the value points.

Span Gaps

Visible when Aggregation Function Sum, Average, Median, Minimum or Maximum is enabled.

Enable to draw a line before and after an empty category group.

Y Axis Interval

Set an interval for ticks on the Y Axis. If the interval is too dense to be displayed, some ticks will be removed automatically.

Last updated