Candlestick Chart
Last updated
Last updated
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 Name | Data type | Type | Description |
---|---|---|---|
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.