每次滚动然后每次渲染甜甜圈图时我都面临以下问题

时间:2020-03-30 14:41:22

标签: flutter dart charts flutter-layout

在滚动然后每次呈现甜甜圈图时,我都面临以下问题。

在“ Renderer Param”下面将其删除,然后不会遇到此问题,但是我需要使用甜甜圈图。

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}',
      )
    ];
  }
}

I have attached output image below.

1 个答案:

答案 0 :(得分:0)

这可能不是您想要的帮助类型,

查看这个更常用的图表插件,名称为syncfusion_flutter_charts。

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