Flutter，如何在 BarChart 小部件中创建可点击的栏？

Question

我有一个 flutter 应用程序，需要 Bar chart我可以在其中单击栏来打开包含相关信息的新页面。 我该怎么做？

/// Bar chart example
charts.BarChart(
    createSampleData(),
    animate: true,
    barGroupingType: charts.BarGroupingType.stacked,
    barRendererDecorator:
        new charts.BarLabelDecorator<String>(),
    domainAxis: new charts.OrdinalAxisSpec(),
  ),

Answer 1

使用BarChart小部件的selectionModels数组属性:

new charts.BarChart(
     createSampleData(),
     animate: true,
     barGroupingType: charts.BarGroupingType.stacked,
     selectionModels: [
       new charts.SelectionModelConfig(
         type: charts.SelectionModelType.info,
         changedListener: _onSelectionChanged,
       )
     ],
     barRendererDecorator:
         new charts.BarLabelDecorator<String>(),
     domainAxis: new charts.OrdinalAxisSpec(),
  ),

_onSelectionChanged(charts.SelectionModel model) {
    final selectedDatum = model.selectedDatum;

    if (selectedDatum.isNotEmpty) {
      setState(() {
        print(selectedDatum.first.datum.sales);
      });
    }
  }