当数据在 flutter 中为空时，如何用灰色圆圈而不是空圆圈显示饼图

Question

我正在使用 fl_chart 包创建一个 chartWidget，

如果图表的数据为空，则显示为空...但是

我想让它显示相同大小的灰色圆圈当图表的数据为空时...就像我附上的图片

这是我的图表小部件

class ChartWidget extends StatelessWidget {
  final Map<String, dynamic> mapdata;

  const ChartWidget({super.key, required this.mapdata});

  @override
  Widget build(BuildContext context) {
    return Container(
        padding: EdgeInsets.all(20),
        child: PieChart(
            PieChartData(
                sectionsSpace: 4,
                centerSpaceRadius: 50,
                sections: mapdata.entries
                    .map((e) => PieChartSectionData(
                    title: e.key.toString(), value: (e.value)))
                    .toList()))
    );
  }

}

主屏幕

class HomeScreen extends StatelessWidget {
   HomeScreen({Key? key}) : super(key: key);


  Map<String,dynamic> expenseData={
    'Food':3000.0,
    'Medicine':4000.0,
    'Others':800.0
  };
  Map<String,dynamic> incomeData={};//here income data is empty

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
        Expanded(child: ChartWidget(mapdata: expenseData,)),
        Expanded(child: ChartWidget(mapdata: incomeData,)),
      ],),
    );
  }
}

Answer 1

尝试这个：

sections: mapdata.isEmpty
                  ? [PieChartSectionData(color: Colors.grey)]
                  : mapdata.entries
                      .map((e) => PieChartSectionData(
                          title: e.key.toString(), value: (e.value)))
                      .toList(),