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

Stacked Bar Chart

Stacked Bar Chart is a native Zui component in the charts and visualization catalog, with 15 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
stacked_bar_chart [[18, 24, 31], [12, 19, 26]], labels: %w[Mon Tue Wed], series: [{ name: "Web", values: [18, 24, 31] }, { name: "API", values: [12, 19, 26] }], legend: true
API

Component properties

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

valuesValues configuration for Stacked Bar Chart.property
seriesSeries configuration for Stacked Bar Chart.property
labelsLabels configuration for Stacked Bar Chart.property
colorsColors configuration for Stacked Bar Chart.property
widthWidth configuration for Stacked Bar Chart.property
heightHeight configuration for Stacked Bar Chart.property
grid_colorGrid color configuration for Stacked Bar Chart.property
minimumMinimum configuration for Stacked Bar Chart.property
maximumMaximum configuration for Stacked Bar Chart.property
show_gridShow grid configuration for Stacked Bar Chart.property
bar_spacingBar spacing configuration for Stacked Bar Chart.property
stack_spacingStack spacing configuration for Stacked Bar Chart.property
orientationOrientation configuration for Stacked Bar Chart.property
legendLegend configuration for Stacked Bar Chart.property
visibleVisible configuration for Stacked Bar 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