Accessibility in Flutter Cartesian Chart
6 Aug 20261 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 colors can be customized 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 is scaled based on the MediaQueryData.textScaler. It also allows you to change the font size of all elements in the 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 the essential elements in the chart are tapped.