Флаттер с процентами в середине

Question

Я разрабатываю мобильное приложение, используя флаттер. Я хочу отобразить график следующим образом. Он показывает прогресс некоторых атрибутов. Так что у меня есть только атрибут с их процентом. Я попробовал charts_flutter и syncfusion_flutter_charts. Но я не смог реализовать среднее процентное значение как есть.

Answer 1

Спасибо за использование виджета Syncfusion Flutter. Ваше требование может быть достигнуто с помощью функции annotations в круговом виджете. Вы можете найти образец по ссылке ниже,

https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/chart/circular_charts/doughnut_series/doughnut_with_center_elevation.dart

И для получения дополнительной информации о свойствах, доступных в CircularChartAnnotation , найдите Ссылка API ниже,

https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CircularChartAnnotation-class.html

Надеюсь, это поможет.

Примечание: Я работаю в Syncfusion.

Спасибо, Дхарани.

Answer 2

Я думаю, процент_индикатор полезен в этом сценарии. Я использовал эту библиотеку в одном из моих приложений для той же цели.

Вы можете получить базовый c вид, добавив следующий код:

CircularPercentIndicator(
    radius: 60.0,
    lineWidth: 5.0,
    percent: 0.5,
    center: Text("50%"),
        progressColor: Colors.green,
)

Вы можете сделать много настроек с этой библиотекой, проверьте их документацию для более подробной информации.