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

Area Chart

Area Chart is a native Zui component in the charts and visualization catalog, with 12 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
area_chart [12, 28, 24, 51, 46, 72], labels: %w[Jan Feb Mar Apr May Jun], color: "#66e3ff", fill_color: "#66e3ff33"
API

Component properties

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

valuesValues configuration for Area Chart.property
labelsLabels configuration for Area Chart.property
widthWidth configuration for Area Chart.property
heightHeight configuration for Area Chart.property
colorColor configuration for Area Chart.property
fill_colorFill color configuration for Area Chart.property
grid_colorGrid color configuration for Area Chart.property
line_widthLine width configuration for Area Chart.property
minimumMinimum configuration for Area Chart.property
maximumMaximum configuration for Area Chart.property
show_gridShow grid configuration for Area Chart.property
visibleVisible configuration for Area 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