flutter 删除标题、圆环图和插图之间的多余空格

qmelpv7a  于 2022-12-19  发布在  Flutter
关注(0)|答案(2)|浏览(246)

我使用的是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,
                    ),
                  ],
                ),
              ),
            ),
          ),
t98cgbkg

t98cgbkg1#

您需要去掉图例和图表之间的空白区域,可以通过使用centerY属性来实现,该属性用于垂直放置图表,同样,您也可以使用centerX属性将它们水平移动放置到所需的位置,我们附上了截图供您参考,请您使用。
代码片段

SfCircularChart( centerY: '750', )

截图

如果您需要任何进一步的帮助,您也可以通过我们的支持forumsDirect-Tracfeedback portal与我们联系。我们非常乐意为您提供帮助!

8xiog9wr

8xiog9wr2#

您可以使用SfCircularChart的margin属性来摆脱距离。
代码片段:
第一个月

相关问题