我如何实现库 charts_flutter 0.10.0？

编程问答 2022-05-17

问题描述

感谢您花时间看我的帖子。

嗯，我对 dart 语言真的很陌生，我希望在我的应用程序上实现图形。我找到了这个库 charts_Flutter 0.10.0 并开始查看文档以在我的应用程序上实现。不幸的是，当我尝试从示例中复制代码并试图了解它的行为时，我发现实际代码没有启动应用程序的主要功能，所以我正在寻找这部分的帮助，因为我不知道我应该如何在主函数上实现这个图表小部件。

例如，Horizo​​ntal Bar Label Custom Bar Chart Example代码是这样的：

/// Horizontal bar chart with custom style for each datum in the bar label.
import 'package:charts_Flutter/Flutter.dart' as charts;
import 'package:Flutter/material.dart';

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

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

  /// Creates a [BarChart] with sample data and no transition.
  static HorizontalBarLabelCustomChart createWithSampleData() {
    return new HorizontalBarLabelCustomChart(
      _createSampleData(),// disable animations for image tests.
      animate: false,);
  }


  // The [BarLabelDecorator] has settings to set the text style for all labels
  // for inside the bar and outside the bar. To be able to control each datum's
  // style,set the style accessor functions on the series.
  @override
  Widget build(BuildContext context) {
    return new charts.BarChart(
      seriesList,animate: animate,vertical: false,barRendererDecorator: new charts.BarLabelDecorator<String>(),// Hide domain axis.
      domainAxis:
          new charts.OrdinalAxisspec(renderSpec: new charts.NoneRenderSpec()),);
  }

  /// 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',domainFn: (ordinalsales sales,_) => sales.year,measureFn: (ordinalsales sales,_) => sales.sales,data: data,// Set a label accessor to control the text of the bar label.
        labelAccessorFn: (ordinalsales sales,_) =>
            '${sales.year}: \$${sales.sales.toString()}',insideLabelStyleAccessorFn: (ordinalsales sales,_) {
          final color = (sales.year == '2014')
              ? charts.MaterialPalette.red.shadeDefault
              : charts.MaterialPalette.yellow.shadeDefault.darker;
          return new charts.TextStyleSpec(color: color);
        },outsideLabelStyleAccessorFn: (ordinalsales sales,),];
  }
}

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

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

而且我对我尝试制作的语言知之甚少

void main() => runApp(MyApp());

但显然我需要实际的 MyApp 功能，我不知道它是无状态还是有状态小部件，我什至不知道如何将小部件放在主应用程序功能上，所以基本上我完全迷失了这段代码。请如果有人可以帮助我，我会很感激

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

chartsfunctionfunctionfunctionlibrarieslibrariesmainmain