Charts 颤振哪个库在同一图形中提供堆叠条形图和折线图？

我想创建一个折线图和堆叠的颤振酒吧一起。有人知道我可以使用哪个图书馆吗？在图库中找不到它

---

谢谢。

这似乎是颤振的最高评级软件包，可以处理这两种图形类型。不过，在堆栈溢出问题上要小心，因为这是一个意见问题

---

颤振图：

通过使用顺序条-线组合图，我能够实现我所需要的

接下来，将分组类型更改为“charts.BarGroupingType.groupedStacked”，groupedStacked选项，并将条形图更改为堆叠条形图

条形图和折线图有两个纵轴，默认情况下，条形图只有一个主轴。您需要指定辅助轴，否则将显示堆叠条形图和折线图的图表

声明->静态常量secondaryMeasureAxisId='secondaryMeasureAxisId'

并将“.setAttribute（charts.measureAxisIdKey，'secondaryMeasureAxisId'）”添加到折线图中

最后，如果你有很多数据，超过30个像我的。横轴（域轴）下的文本将重叠。我找不到任何捷径来减少它。到目前为止，我使用的方法是声明一个新的域轴

在建：

final staticTicks = <charts.TickSpec<String>>[];

if(xxx){
   staticTicks.add(xxx);
}

domainAxis: new charts.OrdinalAxisSpec(
          tickProviderSpec:
          new charts.StaticOrdinalTickProviderSpec(staticTicks)),

final staticTicks=[]；
if（xxx）{
添加（xxx）；
}
domainAxis：新图表(
tickProviderSpec：
新图表。StaticOrdinalTickProviderSpec（staticTicks）），

我从中取出代码，并按照建议将其替换为

charts.BarGroupingType.stacked

在我的案例中，我不需要指定次轴

/// Example of an ordinal combo chart with two series rendered as stacked bars, and a
/// third rendered as a line.

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

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

  factory OrdinalComboBarLineChart.withSampleData() {
    return new OrdinalComboBarLineChart(
      _createSampleData(),
      // Disable animations for image tests.
      animate: false,
    );
  }

  @override
  Widget build(BuildContext context) {
    return new charts.OrdinalComboChart(seriesList,
        animate: animate,
        // Configure the default renderer as a bar renderer.
        defaultRenderer: new charts.BarRendererConfig(
            groupingType: charts.BarGroupingType.stacked),
        // Custom renderer configuration for the line series. This will be used for
        // any series that does not define a rendererIdKey.
        customSeriesRenderers: [
          new charts.LineRendererConfig(
            // ID used to link series to this renderer.
              customRendererId: 'customLine')
        ]);
  }

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

    final tableSalesData = [
      new OrdinalSales('2014', 5),
      new OrdinalSales('2015', 25),
      new OrdinalSales('2016', 100),
      new OrdinalSales('2017', 75),
    ];

    final mobileSalesData = [
      new OrdinalSales('2014', 10),
      new OrdinalSales('2015', 50),
      new OrdinalSales('2016', 200),
      new OrdinalSales('2017', 150),
    ];

    return [
      new charts.Series<OrdinalSales, String>(
          id: 'Desktop',
          colorFn: (_, __) => charts.MaterialPalette.blue.shadeDefault,
          domainFn: (OrdinalSales sales, _) => sales.year,
          measureFn: (OrdinalSales sales, _) => sales.sales,
          data: desktopSalesData),
      new charts.Series<OrdinalSales, String>(
          id: 'Tablet',
          colorFn: (_, __) => charts.MaterialPalette.red.shadeDefault,
          domainFn: (OrdinalSales sales, _) => sales.year,
          measureFn: (OrdinalSales sales, _) => sales.sales,
          data: tableSalesData),
      new charts.Series<OrdinalSales, String>(
          id: 'Mobile ',
          colorFn: (_, __) => charts.MaterialPalette.green.shadeDefault,
          domainFn: (OrdinalSales sales, _) => sales.year,
          measureFn: (OrdinalSales sales, _) => sales.sales,
          data: mobileSalesData)
      // Configure our custom line renderer for this series.
        ..setAttribute(charts.rendererIdKey, 'customLine'),
    ];
  }
}

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

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

这就是结果

import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';

class HomePage extends StatefulWidget {
  static const String id ='/StackedBarLineExample';
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  String myMessageText = '';

  @override
  Widget build(BuildContext context) {
    //print ('logged in screen built');
    return MaterialApp(
      home: DefaultTabController(
        length: 1,
        initialIndex: int.parse(myLastSelectedPhase),
        child: Scaffold(
          appBar: AppBar(
            backgroundColor: Colors.blue,
            bottom: TabBar(
              indicatorColor: Colors.white,
              tabs: [
                Tab(
                    icon: Icon(FontAwesomeIcons.chartBar)
                ),
              ],
            ),
            title: Text('My Graph examples'),
          ),
          body:
          TabBarView(
              children: [
                Padding(
                  padding: EdgeInsets.all(8.0),
                  child: Container(
                    child: Center(
                      child: Column(
                        children: <Widget>[
                          Text(
                            'Stacked bar with line', style: TextStyle(
                              fontSize: 24.0, fontWeight: FontWeight.bold),),
                          Expanded(
                              child: OrdinalComboBarLineChart.withSampleData())
                        ],
                      ),
                    ),
                  ),
                ),
              ]
          ),
        ),
      ),
    );
  }
}