Как мне показать диаграмму внутри контейнера?

Question

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

Я пытаюсь показать диаграмму, созданную с помощью библиотеки charts_flutter, в виджете Контейнер (см. Строку кода 10).Я попытался вызвать там объект CustomRoundedBar, но это выдает мне ошибку типа, сообщающую, что тип «Тип» не может быть загружен там, где ожидается тип «Виджет».

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

Любая помощь приветствуется.

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

class Insights extends StatelessWidget {


  @override
  Widget build(BuildContext context) {
    return Container(
      //child: Text('This is text in a Container'),
    );
  }
}




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

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

  /// Creates a [BarChart] with custom rounded bars.
  factory CustomRoundedBars.withSampleData() {
    return new CustomRoundedBars(
      _createSampleData(),
      // Disable animations for image tests.
      animate: false,
    );
  }


  @override
  Widget build(BuildContext context) {
    return new charts.BarChart(
      seriesList,
      animate: animate,
      defaultRenderer: new charts.BarRendererConfig(
        // By default, bar renderer will draw rounded bars with a constant
        // radius of 100.
        // To not have any rounded corners, use [NoCornerStrategy]
        // To change the radius of the bars, use [ConstCornerStrategy]
          cornerStrategy: const charts.ConstCornerStrategy(30)),
    );
  }

  /// Create one series with sample hard coded data.
  static List<charts.Series<OrdinalSales, String>> _createSampleData() {
    final data = [
      new OrdinalSales('2014', 5),
      new OrdinalSales('2015', 25),
      new OrdinalSales('2016', 100),
      new OrdinalSales('2017', 75),
    ];

    return [
      new charts.Series<OrdinalSales, String>(
        id: 'Sales',
        colorFn: (_, __) => charts.MaterialPalette.blue.shadeDefault,
        domainFn: (OrdinalSales sales, _) => sales.year,
        measureFn: (OrdinalSales sales, _) => sales.sales,
        data: data,
      )
    ];
  }
}

/// Sample ordinal data type.
class OrdinalSales {
  final String year;
  final int sales;

  OrdinalSales(this.year, this.sales);
}

Answer 1

Создайте диаграмму и передайте ее в качестве параметра child конструктору Container.

  @override
  Widget build(BuildContext context) {
    return Container(
      child: CustomRoundedBars.withSampleData(),
    );
  }