flutter - 颤振图表,将文本置于中心
问题描述
我正在使用Flutter Charts创建一个圆环图。我想在甜甜圈中放置一个文本以及一个图例。
我尝试使用 a Center Widget
inside a但如果我将 a作为行为添加到图表中,Stack Widget
它不会将文本放在中心。DatumLegend
如果我删除图例,它会在正确的位置显示文本。
我的图表代码是:
Stack(
children: <Widget>[
charts.PieChart(
getseriesList(_values),
animate: true,
defaultRenderer: charts.ArcRendererConfig(
arcWidth: 40,
arcRendererDecorators: [
charts.ArcLabelDecorator(
labelPosition: charts.ArcLabelPosition.outside)
]),
defaultInteractions: true,
behaviors: [
charts.DatumLegend(
position: charts.BehaviorPosition.bottom,
desiredMaxColumns: 4,
legendDefaultMeasure: charts.LegendDefaultMeasure.none,
),
],
),
Center(
child: Container(
margin: EdgeInsets.only(top: 4),
child: Text(
'CenterText',
style: TextStyle(
color: Colors.black38,
fontWeight: FontWeight.w700,
),
),
),
),
],
)
解决方案
使用对齐方式:来自 Stack 的 Alignment.center。
Stack(
alignment: Alignment.center,
children: [
SizedBox(
width: 200,
height: 200,
child: pieCard(widget.items),
),
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(label),
Text('R\$ 2.500,0'),
],
),
],
);
推荐阅读
- ios - 在 NativeScript 中使用 NSURLIsExcludedFromBackupKey
- javafx - 使用大型图形节点 (TornadoFX/JavaFX) 时 TreeView 滚动跳转
- python - 如何使用 python 脚本转换 dos2unix csv 文件
- python - 在 python 中从 AppKit 导入 NSWorkspace 时出错
- python - ValueError: Graph disconnected: 无法获取张量的值(保存自动编码器的解码器)
- swift - Swift 5.2 UIAccessibility.isAssistiveTouchRunning 永远不会返回 true,也不会触发 UIAccessibility.assistiveTouchStatusDidChangeNotification
- ios - NavigationLink、isActive 在 SwiftUI 中不起作用
- python - 在 Visual Studio 代码中包含文件夹的问题
- iphone - 在 Catalina 中禁用 iPhone 备份
- python-3.x - 使用 pymongodb 查询嵌套文档上的数组