flutter - 在颤动中删除标题和圆环图和图例之间的额外空格

Question

我正在使用 syncfusion 圆形图表，其中我设置了圆环图类型，它在标题、图表和图例之间提供了额外的空间。如何减少它们之间的额外空间？

这是设置这些的代码

      Expanded(
            child: Card(
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(8), // if you need this
                side: BorderSide(
                  color: Colors.grey.withOpacity(0.2),
                  width: 1,
                ),
              ),
              child: Container(
                transform: Matrix4.translationValues(-15.0, 0.0, 00.0),
                child: SfCircularChart(
                  margin: EdgeInsets.symmetric(vertical: 8.0,horizontal: 12.0),
                  title: ChartTitle(
                    text: 'Today\'s Employee\'s Attendance',
                    textStyle: TextStyle(
                        color: Color(0xff15728a),
                        fontWeight: FontWeight.bold,
                        fontSize: 8.0),
                  ),
                  tooltipBehavior: _tooltipBehavior,
                  legend: Legend(
                      position: LegendPosition.bottom,
                      isVisible: true,
                      isResponsive:true,
                      overflowMode: LegendItemOverflowMode.wrap),
                  series: <CircularSeries>[
                    DoughnutSeries<AttendanceData, String>(

                      dataSource: attendance,
                      pointColorMapper:(AttendanceData data,_)=>data.colors,
                      xValueMapper: (AttendanceData data, _) =>
                      data.status,
                      yValueMapper: (AttendanceData data, _) =>
                      data.value,
                      dataLabelSettings:
                      DataLabelSettings(isVisible: true),
                      enableTooltip: true,
                    ),
                  ],
                ),
              ),
            ),
          ),

Answer 1

您可以通过使用用于垂直定位图表的centerY属性来实现消除图例和图表之间的空白空间的要求。同样，您可以使用centerX属性将它们水平移动并放置在所需的位置。我们附上了截图供您参考，请使用它。

代码片段

SfCircularChart( centerY: '750', )

截屏

如果您需要任何进一步的帮助，您也可以通过我们的支持论坛、Direct-Trac或反馈门户与我们联系。我们随时乐意为您提供帮助！