Charts extension

Build interactive bar, line, pie, scatter, candlestick, and radar charts.

Enable the extension

Add the extension key to ruflet.yaml:

extensions:
  - charts

Run ruflet run during development or ruflet build <target> for a release. Extension packages are compiled into the Ruflet client, so rebuild the client after changing this list.

Ruby DSL example

sales = bar_chart(
  min_y: 0,
  max_y: 100,
  groups: [
    bar_chart_group(x: 0, rods: [bar_chart_rod(from_y: 0, to_y: 72, color: "#2563eb")]),
    bar_chart_group(x: 1, rods: [bar_chart_rod(from_y: 0, to_y: 91, color: "#7c3aed")])
  ],
  on_event: ->(event) { puts event.data.inspect }
)
page.add(sales)

API provided

• Extension key: charts
• Flet package: flet_charts
• Kind: Control family
• BarChart control reference — complete helpers, properties, events, and methods.
• BarChartGroup control reference — complete helpers, properties, events, and methods.
• BarChartRod control reference — complete helpers, properties, events, and methods.
• BarChartRodStackItem control reference — complete helpers, properties, events, and methods.
• LineChart control reference — complete helpers, properties, events, and methods.
• LineChartData control reference — complete helpers, properties, events, and methods.
• LineChartDataPoint control reference — complete helpers, properties, events, and methods.
• PieChart control reference — complete helpers, properties, events, and methods.
• PieChartSection control reference — complete helpers, properties, events, and methods.
• ScatterChart control reference — complete helpers, properties, events, and methods.
• ScatterChartSpot control reference — complete helpers, properties, events, and methods.
• CandlestickChart control reference — complete helpers, properties, events, and methods.
• CandlestickChartSpot control reference — complete helpers, properties, events, and methods.
• RadarChart control reference — complete helpers, properties, events, and methods.
• RadarChartTitle control reference — complete helpers, properties, events, and methods.
• RadarDataSet control reference — complete helpers, properties, events, and methods.
• RadarDataSetEntry control reference — complete helpers, properties, events, and methods.
• ChartAxis control reference — complete helpers, properties, events, and methods.
• ChartAxisLabel control reference — complete helpers, properties, events, and methods.

Permissions and platforms

No protected service declaration is added automatically. Platform support still follows the underlying Flet extension, so test every target you ship.

Build behavior

Ruflet resolves the extension key to flet_charts and includes that Flet package through the client extension pipeline. Application code uses the Ruby DSL shown above; do not add the package directly to your app's Flutter dependencies.