如何根据 flutter 更改 fl 图表工具提示位置
How to change fl chart tooltip position according in flutter
我正在使用 fl_chart,实际上我遇到了一些问题。
由于以下问题,我需要帮助来操作 fl_chart 工具提示。
当我触摸图表上的条形图时,显示的工具提示隐藏了部分
使用的代码
touchTooltipData: BarTouchTooltipData(
tooltipBgColor: Colors.white,
tooltipBottomMargin: 1,
tooltipRoundedRadius: 3,
getTooltipItem: (group, groupIndex, rod, rodIndex) {
String weekDay;
switch (group.x.toInt()) {
case 0:
weekDay = (widget.isKWh)
? '${consoKwh(0)} KWh'
: '${montant(0) * 10000} FCFA';
break;
case 1:
weekDay = (widget.isKWh)
? '${consoKwh(1)} KWh'
: '${montant(1) * 10000} FCFA';
break;
}
return BarTooltipItem(
weekDay,
AppTheme.globalFont(
style: TextStyle(
color: LightColor.green1,
fontWeight: FontWeight.bold,
fontSize: 12
)),
);
}
),
您可以设置 BarTouchTooltipData.fitInsideHorizontally = true
以强制工具提示适合图表。
我正在使用 fl_chart,实际上我遇到了一些问题。 由于以下问题,我需要帮助来操作 fl_chart 工具提示。 当我触摸图表上的条形图时,显示的工具提示隐藏了部分
使用的代码
touchTooltipData: BarTouchTooltipData(
tooltipBgColor: Colors.white,
tooltipBottomMargin: 1,
tooltipRoundedRadius: 3,
getTooltipItem: (group, groupIndex, rod, rodIndex) {
String weekDay;
switch (group.x.toInt()) {
case 0:
weekDay = (widget.isKWh)
? '${consoKwh(0)} KWh'
: '${montant(0) * 10000} FCFA';
break;
case 1:
weekDay = (widget.isKWh)
? '${consoKwh(1)} KWh'
: '${montant(1) * 10000} FCFA';
break;
}
return BarTooltipItem(
weekDay,
AppTheme.globalFont(
style: TextStyle(
color: LightColor.green1,
fontWeight: FontWeight.bold,
fontSize: 12
)),
);
}
),
您可以设置 BarTouchTooltipData.fitInsideHorizontally = true
以强制工具提示适合图表。