Accessibility in Flutter Cartesian Charts (SfCartesianChart)
31 Jul 20251 minute to read
Sufficient contrast
The SfCartesianChart theming support offers a consistent and standardized look, as well as the ability to set the colors for all UI elements.
The customization of colors can be done for the following chart elements.
- Chart title
- Axis title
- Axis label
- Series color palette
- Color mapping for data points
- Gradient fill
- Data label
- Legend title
- Legend item text
- Series tooltip
- Trackball tooltip
- Crosshair tooltip
- Plot band
- Empty points data
- Selected data points
- Selection zooming
Large fonts
The SfCartesianChart font size can be adjusted automatically based on device settings and the font size scaled based on the MediaQueryData.textScaler. It also allows you to change the font size of all elements in Cartesian chart.
- Chart title
- Axis title
- Axis label
- Data label
- Legend title
- Legend item text
- Series tooltip
- Trackball tooltip
- Crosshair tooltip
- Plot band text
Easily tappable targets
The SfCartesianChart provides callback support to notify when tapping on the essential elements in the chart.