Candlestick Chart

A Candlestick Chart (or Candle Chart) is a type of financial chart that describes the price changes of a security, derivative, or currency. Candlestick graphs and charts usually represent data as numerical values in vertical axes and compare the price movements across time, visualizing the open, high, low, and close values.

You can find a more in depth explanation about the candlestick chart on this page: https://apexcharts.com/docs/chart-types/candlestick/

Properties of Candle Stick Chart

Property NameData typeTypeDescription

Data source

List

Data Model

Data list source for the widget.

X axis date

Date

Expression

Date values displayed on x-axis.

Y axis open

Number

Expression

Open price displayed on y-axis.

Y axis high

Number

Expression

High price displayed on y-axis.

Y axis low

Number

Expression

Low price displayed on y-axis.

Y axis close

Number

Expression

Close price displayed on y-axis.

Custom scale

Boolean

Change scale to a custom scale with custom properties.

Use opposite scale

Boolean

Expression

Changes position of y axis values to the opposite position.

Min scale value

Number

Expression

Minimum value for the scale.

Max scale value

Number

Expression

Maximum value for the scale.

Tick scale amount

Number

Expression

Number of visual ticks for the scale on the vertical axis.

Show tooltip

Boolean

Expression

Show tooltip. Use true or false.

X axis tooltip

Boolean

Expression

Show x-axis tooltip.

Y axis tooltip

Boolean

Expression

Show y-axis tooltip.

Label decimals

Number

Expression

Set number of decimals displayed for y-axis values.

Theme

Text

Dropdown

Change the text and background colors of the chart.

Upward color

Text

Expression

Upward color for the chart.

Downward color

Text

Expression

Downward color for the chart.

Background color

Text

Expression

Change the background color of the chart. It's important to set the opacity with the color to show the gridlines.

Examples:

"#FFFFFF60" or "rgba(255, 255, 255, 0.6)"

Grid lines vertical

Boolean

Expression

Display vertical lines on the grid.

Grid lines horizontal

Boolean

Expression

Display horizontal lines on the grid.

Grid lines color

Text

Expression

Change color of the lines on the grid.

Example:

"#92a8d1" or "red" or "rgb(201, 76, 76)" or "rgba(201, 76, 76, 0.3)"

Prefix

Text

Expression

Display a prefix for values on tooltip.

Postfix

Text

Expression

Display a postfix for values on tooltip.

Show animation

Boolean

Expression

Display animation on render.

Height

Number

Expression

Set height of the chart.

Type number.

Width

Number

Expression

Set width of the chart.

Type number.

Last updated