zui docs v0.0.5
GitHub ↗
Charts and visualization Native Qt

Candlestick Chart

Candlestick Chart is a native Zui component in the charts and visualization catalog, with 13 component-specific properties.

Usage

Ruby example

Paste this complete Builder example inside the app surface from the Quickstart. Replace illustrative asset paths with files from your project.

Ruby
candlestick_chart [{ open: 42, high: 51, low: 39, close: 48 }, { open: 48, high: 56, low: 44, close: 46 }, { open: 46, high: 62, low: 45, close: 59 }], labels: %w[Mon Tue Wed]
API

Component properties

13 component-specific values, plus shared item and layout properties.

valuesValues configuration for Candlestick Chart.property
labelsLabels configuration for Candlestick Chart.property
widthWidth configuration for Candlestick Chart.property
heightHeight configuration for Candlestick Chart.property
up_colorUp color configuration for Candlestick Chart.property
down_colorDown color configuration for Candlestick Chart.property
wick_colorWick color configuration for Candlestick Chart.property
grid_colorGrid color configuration for Candlestick Chart.property
minimumMinimum configuration for Candlestick Chart.property
maximumMaximum configuration for Candlestick Chart.property
show_gridShow grid configuration for Candlestick Chart.property
candle_spacingCandle spacing configuration for Candlestick Chart.property
visibleVisible configuration for Candlestick Chart.property
Show 14 shared item properties
enabledopacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction

Events

Subscribe with on widget, :event and keep behavior in Ruby.

selectNative event payload
hoverNative event payload