Accessibility in Flutter Circular Chart

6 Aug 20261 minute to read

Sufficient contrast

The SfCircularChart theming support offers a consistent and standardized look, as well as the ability to set colors for all UI elements.

The customization of colors can be done for the following chart elements.

• Chart title
• Series palette
• Color mapping for data points
• Shader for data points
• Data label
• Legend title
• Legend item text
• Series tooltip
• Selected segments

Large fonts

The SfCircularChart font size can be adjusted automatically based on device settings and scaled based on the MediaQueryData.textScaler. It also allows you to change the font size of all elements in the circular chart.

• Chart title
• Data label
• Legend title
• Legend item text
• Series tooltip

Easily tappable targets

The SfCircularChart provides callback support to notify when tapping essential elements in the chart.

• Data points
• Data labels
• Legend