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

Donut Chart

Donut 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
donut_chart [68, 22, 10], labels: %w[Complete Running Queued], center_text: "68%", inner_radius: 0.62
API

Component properties

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

valuesValues configuration for Donut Chart.property
labelsLabels configuration for Donut Chart.property
colorsColors configuration for Donut Chart.property
widthWidth configuration for Donut Chart.property
heightHeight configuration for Donut Chart.property
inner_radiusInner radius configuration for Donut Chart.property
start_angleStart angle configuration for Donut Chart.property
clockwiseClockwise configuration for Donut Chart.property
pad_anglePad angle configuration for Donut Chart.property
show_labelsShow labels configuration for Donut Chart.property
center_textCenter text configuration for Donut Chart.property
label_colorLabel color configuration for Donut Chart.property
font_familyFont family configuration for Donut Chart.property
font_sizeFont size configuration for Donut Chart.property
visibleVisible configuration for Donut 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