我使用的是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,
),
],
),
),
),
),
2条答案
按热度按时间t98cgbkg1#
您需要去掉图例和图表之间的空白区域,可以通过使用centerY属性来实现,该属性用于垂直放置图表,同样,您也可以使用centerX属性将它们水平移动放置到所需的位置,我们附上了截图供您参考,请您使用。
代码片段
截图
如果您需要任何进一步的帮助,您也可以通过我们的支持forums、Direct-Trac或feedback portal与我们联系。我们非常乐意为您提供帮助!
8xiog9wr2#
您可以使用SfCircularChart的margin属性来摆脱距离。
代码片段:
第一个月