Scatter-Aggregate-Bar Chart

Scatter Aggregate Bar Chart uses dots to represent values for two different numeric variables. The position of each dot on the horizontal and vertical axis indicates values for an individual data point. Scatter plots are used to observe relationships between variables. The aggregate bar, changes after a few moments and the values change to a bar, representing in a different visual way.

You can find a more in depth explanation about the scatter aggregate bar on this page: https://echarts.apache.org/examples/en/editor.html?c=scatter-aggregate-bar

Properties of Scatter Aggregate Bar Chart

Property Name

Data type

Type

Description

Data source

List

Data Model

Data list source for the widget.

X axis value

Number

Expression

Values for the x axis.

Y axis value

Number

Expression

Values for the y axis.

Series

Text

Expression

This field is used to create different series from the same data source.

Series color

Text

Expression

Colors for the series.

Show value

Boolean

Expression

Determines if the value is shown on the tooltip label.

Y value prefix

Text

Expression

Display a prefix for Y values on tooltip.

Y value postfix

Text

Expression

Display a postfix for Y values on tooltip.

X value prefix

Text

Expression

Display a prefix for X values on tooltip.

Y value prefix

Text

Expression

Display a prefix for Y values on tooltip.

Value separator

Text

Expression

Value separator for the X and Y value in the scatter chart tooltip. (Default is a comma)

Average to X

Boolean

Expression

By default, the bar chart uses the average of Y values, this setting changes it to use the average of X values.

Transition animation duration

Number

Expression

This is the time interval that dictates how long the animation lasts.

Time is set on milliseconds (1 second = 1000 milliseconds)

Interval duration

Number

Expression

This is the time interval in which charts alternate.

Time is set on milliseconds (1 second = 1000 milliseconds)

Height

Number

Expression

Sets the height of the element, accepts all the css height values.

Width

Number

Expression

Sets the width of the element, accepts all the css width values.

Label decimals

Number

Expression

Number of decimals for all label numbers.

Scatter chart symbols

Text

Dropdown

Different options for the symbols that are used to show the datapoints in the scatter chart. (Cirle, rect, roundrect, triangle, diamond, pin).

Last updated