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

Line Chart

A responsive native line chart with labels, points, grids, bounds, and selection events.

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
line_chart [18, 42, 31, 76, 58, 91], labels: %w[Mon Tue Wed Thu Fri Sat], color: "#b7ff5a", show_points: true
API

Component properties

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

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