如何在Flutter中的“甜甜圈饼图”的孔内添加文本

Question

我想在Flutter的甜甜圈孔饼图中间添加居中文本，如下图所示：

我正在使用charts_flutter: ^0.6.0，这是我的代码：

new charts.PieChart(
  _project.getExpensesToChartSeries(),
  animate: _animate,
  animationDuration: Duration(milliseconds: 500),
  selectionModels: [
    new charts.SelectionModelConfig(
      type: charts.SelectionModelType.info,
      changedListener: _onSelectionChanged,
    )
  ],
  defaultRenderer: charts.ArcRendererConfig(
    arcWidth: 25,
  ),
)

Answer 1

您可以使用Stack Widget来堆积内容并获得期望的结果，如下所示：

float[]

Answer 2

您可以在PieChart上使用堆栈

src: local('Proxima Nova Bold'), local('ProximaNova-Bold'), url(https://fonts.gstatic.com/l/font?kit=FwZD7-Am2FI_-VOxaLDvvq2zGUau84_G&skey=470ea9b7edd795d7&v=v11) format('woff2');