Accessibility in Flutter Cartesian Charts (SfCartesianChart)

8 Oct 20211 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 the 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.textScaleFactor. And also it allows 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.

• Axis label
• Data points
• Data label
• Legend