时间戳

首页 > 解决方案 > Flutter - 是否可以通过 Flutter PieChart 点击调用页面？

flutter-layout - Flutter - 是否可以通过 Flutter PieChart 点击调用页面？

问题描述

我需要通过单击 PieChart 区域来调用应用程序中的页面。

我正在使用“charts_flutter”包。

我设法做到了以下情况：

1 - 通过selectionModels -> changedListener，我可以调用一个测试页面（使用MaterialPageRoute()）；

2 - 要使用前一项，我不能使用 PieChart 的 defaultRenderer 属性，因为重定向到测试页面不起作用；

3 - 我需要使用 defaultRenderer，因为必须有自定义的 PieChart 弧；

基本上需要在点击PieChart的某个区域时调用应用程序中的另一个页面。

提前致谢。

标签： flutter-layoutpie-chart

解决方案

我不确定我是否完全理解您的问题，但是当用户使用 selectionModels 按下饼图切片时，我正在路由到一个页面，如下所示：

new charts.PieChart(
  series,
  animate: true,
  defaultRenderer: arcRendererConfig,
  selectionModels: [
    new charts.SelectionModelConfig(
      changedListener: (SelectionModel model) {
         Navigator.of(context).pushNamed('/mypage');
      },
    )
  ],
);

如果您需要知道按下了哪个饼图，可以使用以下命令将索引放入数据集中：

model.selectedDatum[0].index

推荐阅读