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

Bar Chart

Bar Chart is a native Zui component in the charts and visualization catalog, with 11 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
bar_chart [42, 67, 51, 88], labels: %w[North South East West], colors: %w[#b7ff5a #66e3ff #a88bff #ffb45b]
API

Component properties

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

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