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

Heatmap

Heatmap is a native Zui component in the charts and visualization catalog, with 14 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
heatmap [[12, 24, 36], [28, 52, 41], [18, 33, 64]], x_labels: %w[Mon Tue Wed], y_labels: %w[API Web Jobs], show_values: true
API

Component properties

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

valuesValues configuration for Heatmap.property
x_labelsX labels configuration for Heatmap.property
y_labelsY labels configuration for Heatmap.property
colorsColors configuration for Heatmap.property
widthWidth configuration for Heatmap.property
heightHeight configuration for Heatmap.property
minimumMinimum configuration for Heatmap.property
maximumMaximum configuration for Heatmap.property
cell_spacingCell spacing configuration for Heatmap.property
show_valuesShow values configuration for Heatmap.property
value_colorValue color configuration for Heatmap.property
font_familyFont family configuration for Heatmap.property
font_sizeFont size configuration for Heatmap.property
visibleVisible configuration for Heatmap.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