首页 > 解决方案 > 如何根据颤动更改fl图表工具提示位置

问题描述

我正在使用 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
                )),
              );
            }
            ),

标签: flutterflutter-dependenciesfl-chart

解决方案


您可以设置BarTouchTooltipData .fitInsideHorizo ​​ntally =true以强制工具提示适合图表。


推荐阅读