Я сталкиваюсь с проблемой ниже, когда прокрутка, а затем рендерить пончик каждый раз

Question

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

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

defaultRenderer: new charts.ArcRendererConfig(
              arcWidth: 60,
              arcRendererDecorators: [charts.ArcLabelDecorator()])
          ),

Настоящим Я прилагаю Пончик Диаграмма код и изображение: -

import 'package:charts_flutter/flutter.dart' as charts;
import 'package:flutter/material.dart';
import 'package:flutter_basf_hk_app/model/LinearSales.dart';

class PieOutsideLabelChart extends StatelessWidget {
  final List<charts.Series> seriesList;
  final bool animate;

  PieOutsideLabelChart(this.seriesList, {this.animate});

  /// Creates a [PieChart] with sample data and no transition.
  factory PieOutsideLabelChart.withSampleData(List<LinearSales> data,
      bool isAnimation) {
    return new PieOutsideLabelChart(
      _createSampleData(data),
      // Disable animations for image tests.
      animate: isAnimation,
    );
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      child: new charts.PieChart(seriesList,
      animate: animate,
      defaultRenderer: new charts.ArcRendererConfig(
          arcWidth: 60,
          arcRendererDecorators: [charts.ArcLabelDecorator()])
      ),
    );
  }

  /// Create one series with sample hard coded data.
  static List<charts.Series<LinearSales, int>> _createSampleData(List<LinearSales> data) {
    print('=========PIE==========_createSampleData=====');
    return [
      new charts.Series<LinearSales, int>(
        id: 'Sales',
        domainFn: (LinearSales sales, _) => sales.year,
        measureFn: (LinearSales sales, _) => sales.sales,
        data: data,
        colorFn: (LinearSales sales, _) => sales.color,
        labelAccessorFn: (LinearSales sales, _) => '${sales.sales}',
      )
    ];
  }
}

Answer 1

Это может быть не тот тип помощи, который вам нужен, поэтому

Проверьте этот наиболее часто используемый плагин диаграммы, называемый syncfusion_flutter_charts.

https://pub.dev/packages/syncfusion_flutter_charts# -readme-tab -