Advanced combined chart

Important

All solutions have access to try advanced charts, but use of an advanced chart in Production is determined by your subscription tier.

The Advanced Combined Chart displays both a series of data points connected with a straight line and data as a series of rectangular bars with heights or lengths proportional to the represented values.

Usage

Advanced Combined Charts are used to compare values with a trend/change line over a certain period of time.

Examples

Advanced Combined 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

Add Series

Add data series to the chart. The series can have different chart types and a separate Y Axis from the main series.

Chart Type

Select Line, Area or Bar as chart type.

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 X Axis in the chart.

Value Property

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

Dataset Property

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

Color Value

Visible when Dataset Property of data type Boolean or Integer is selected.

Set the dataset color from a data source of type Enum Type.

Use Static Datasets

Only visible when Dataset Property is not defined.

Enable to use static datasets instead of defining a dataset property.

Dataset Name

Visible when Use Static Datasets is enabled.

Enter a static name for the dataset or bind it to a data source or function.

Filter

Visible when Use Static Datasets is enabled.

Apply a filter to the selected data source.

Value Override

Visible when Use Static Datasets is enabled.

Override the value if the value used for the dataset is stored in another property than the main value property.

Color

Visible when Use Static Datasets is enabled.

Define a color for the dataset.

Add Separate Y Axis

Enable to add a separate X Axis.

Disable Gradient

Enable to lighten up the color value.

Show Points

Enable to visualize points as long as the distance between them are large enough. Otherwise, points will never be displayed.

Disable Bezier

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

Title

Enter a static title or bind it to a data source, function, date now or date today.

Sub Title

Enter a static title or bind it to a data source, function, date now or date today.

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.

Disable Animation

Enable to stop animation of the chart.

Zoom Type

Define if the X Axis, Y Axis or both should be zoomable. By default, None is selected.

Show Data Labels

Enable to show data labels above each data point.

Disable Mouse Tracking

Enable to block the chart for mouse tracking activities.

Tooltip Value Decimals

Define decimals to override the number of decimals shown for the y value in the tooltip.

Invert Axes

Enable to invert both X Axis and Y Axis with each other.

Hide Empty

Enable to hide categories without content.

Group By

Visible when Category Property of 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.

Axis Title

Enter a static title or bind it to a data source, function, date now or date today.

Axis Type

Select a type for the axis: Auto, Linear, Logarithmic, Datetime or Category.

Tick Interval

Set an interval for ticks on the axis. If the interval is too dense to be displayed, some ticks will be removed automatically. Note that axes with data type Datetime are based on milliseconds.

Min Value

Define the minimum value on the axis. If no value is set, it will automatically adjust to data.

Max Value

Define the maximum value on the axis. If no value is set, it will automatically adjust to data.

Enable Grid Lines

Enable to show grid lines on the axis.

Enable Crosshair

Enable a crosshair on the axis.

Hide Axis

Enable to hide the axis.

Reverse Axis

Enable to reverse the axis in order to display the values from highest to lowest.

Place Opposite

Enable to place the axis on the opposite side of the chart.

Plot Threshold Indicators

Add plot threshold indicators by defining a name, visibility, type (line or band), start value and color.

Event Handlers

You may add an On Series Click action to be executed when the data series is clicked.

Last updated