Intervallauswahl über einer einfachen Flächen-, Linien- oder Balkenserie.
TxRangeSelector.date
| Parameter | Typ | Standard | Bedeutung |
|---|---|---|---|
| value | DateTimeRange | erforderlich | Aktueller Eingabe-/Optionswert. |
| min | DateTime | erforderlich | Untere zulässige Grenze. |
| max | DateTime | erforderlich | Obere zulässige Grenze. |
| step | Duration | const Duration(days: 1) | Schrittweite; bei zeitlichen Vue-Bereichen in Millisekunden. |
| onChanged | ValueChanged<DateTimeRange>? | null | Callback für changed; Argumente und Rückgabetyp siehe Signatur. |
| items | List<T> | const [] | Einträge; bei Datenbindung durch dataSource ersetzt. |
| dataSource | Object? | null | Liste, Konfiguration oder DataSource-Instanz; hat Vorrang vor items. |
| argumentOf | DateTime Function(T) | erforderlich | Getter der numerischen oder zeitlichen X-Achse. |
| valueOf | double Function(T) | erforderlich | Getter des numerischen Serienwerts. |
| format | String Function(DateTime)? | null | Formatiert Bereichswerte für die Anzeige. |
| seriesType | String | 'area' | Seriendarstellung area/line/bar. |
| disabled | bool | false | Sperrt die Interaktion. |
TxRangeSelector
| Parameter | Typ | Standard | Bedeutung |
|---|---|---|---|
| value | RangeValues | erforderlich | Aktueller Eingabe-/Optionswert. |
| min | double | erforderlich | Untere zulässige Grenze. |
| max | double | erforderlich | Obere zulässige Grenze. |
| step | double | 1 | Schrittweite; bei zeitlichen Vue-Bereichen in Millisekunden. |
| onChanged | ValueChanged<RangeValues>? | null | Callback für changed; Argumente und Rückgabetyp siehe Signatur. |
| items | List<T> | const [] | Einträge; bei Datenbindung durch dataSource ersetzt. |
| dataSource | Object? | null | Liste, Konfiguration oder DataSource-Instanz; hat Vorrang vor items. |
| argumentOf | double Function(T) | erforderlich | Getter der numerischen oder zeitlichen X-Achse. |
| valueOf | double Function(T) | erforderlich | Getter des numerischen Serienwerts. |
| format | String Function(double)? | null | Formatiert Bereichswerte für die Anzeige. |
| seriesType | String | 'area' | Seriendarstellung area/line/bar. |
| disabled | bool | false | Sperrt die Interaktion. |
import 'package:flutter/material.dart';
import 'package:tecexpress/tecexpress.dart';
Widget example() {
var range = const RangeValues(20, 80);
return StatefulBuilder(
builder: (context, setState) => TxRangeSelector<double>(value: range, min: 0, max: 100, items: const [20, 80], argumentOf: (v) => v, valueOf: (v) => v / 2, onChanged: (v) => setState(() => range = v)),
);
}import 'package:flutter/material.dart';
import 'package:tecexpress/tecexpress.dart';
Widget dateRange() => TxRangeSelector<DateTime>.date(value: DateTimeRange(start: DateTime(2026, 10, 1), end: DateTime(2026, 10, 10)), min: DateTime(2026, 10, 1), max: DateTime(2026, 11, 1), items: [DateTime(2026, 10, 5)], argumentOf: (date) => date, valueOf: (date) => 1, onChanged: (value) => debugPrint('$value'));