Flutter：在 Syncfusion CartesianChart 中显示 "No Data" 消息

Question

我正在使用 Flutter 的 syncfusion 库，我可以在有数据时构建折线图。然而，如果列表是空的，它只是绘制轴，仅此而已。尽管这是预料之中的，但我想在图表中央写一条“无数据”消息。

这是我的图表小部件：

             SfCartesianChart(
                margin: EdgeInsets.all(0),
                borderWidth: 0,
                plotAreaBorderWidth: 0,
                title: ChartTitle(text: 'Mood Tracks', textStyle: TextStyle(fontWeight: FontWeight.bold)),
                tooltipBehavior: _tooltipBehavior,
                series: <ChartSeries>[
                  LineSeries<MoodRecord, dynamic>(
                      name: 'Moods',
                      color: Colors.green[400],
                      dataSource: [],
                      xValueMapper: (MoodRecord record, _) => record.date,
                      yValueMapper: (MoodRecord record, _) => record.mood.toInt(),
                      dataLabelSettings: DataLabelSettings(isVisible: true),
                      enableTooltip: true)
                ],
                primaryXAxis: CategoryAxis(
                  labelPlacement: LabelPlacement.onTicks,
                  labelStyle: TextStyle(fontWeight: FontWeight.bold)
                ),
                primaryYAxis: NumericAxis(
                  labelFormat: '{value}%',
                  labelStyle: TextStyle(fontWeight: FontWeight.bold)
                ),
              ),

有什么办法可以显示这样的信息吗？

Answer 1

我们已经仔细阅读了这个问题，想告诉您我们可以通过使用图表的注释来满足要求属性。如果数据源为空，我们可以将文本小部件定位为“无数据”，否则，我们可以将空容器分配给注释。使用这些注释，我们可以将必要的小部件放置在地图中所需的位置，更多详细信息请参阅support document，我们已附上示例作为参考。

样本：https://www.syncfusion.com/downloads/support/directtrac/326033/ze/I326033_no_data_text48946494

Flutter：在 Syncfusion CartesianChart 中显示 "No Data" 消息

Flutter: Show "No Data" message in Syncfusion CartesianChart

linechart

syncfusion

flutter