Flutter中移除fl_chart柱状图顶部平均值的方法求助

直接关闭顶部标题显示 #

你现在的topTitles里虽然返回了空Container，但showTitles还是设为true，直接把它改成false就能移除顶部的平均值区域：

topTitles: const AxisTitles(
  sideTitles: SideTitles(showTitles: false),
),

检查柱状组的配置 #

如果顶部的平均值是每个柱状组自带的（比如你在_chartGroups方法里给BarChartGroupData设置了showAverage: true），需要把这个参数改成false：
举个例子，你的_chartGroups方法里如果有类似代码：

BarChartGroupData(
  x: index,
  barRods: [...],
  showAverage: true, // 改成false即可移除平均值
),

修改后的完整代码示例 #

BarChartData(
  maxY: maxValue + 20,
  minY: 0,
  barGroups: _chartGroups(monthlyBarData),
  borderData: FlBorderData(
    show: false,
  ),
  gridData: const FlGridData(
      show: true,
      drawHorizontalLine: true,
      drawVerticalLine: false),
  titlesData: FlTitlesData(
    bottomTitles: AxisTitles(
      sideTitles: _bottomTitles,
    ),
    topTitles: const AxisTitles(
      sideTitles: SideTitles(showTitles: false), // 这里改为false
    ),
    rightTitles:
        const AxisTitles(sideTitles: SideTitles(showTitles: false)),
    leftTitles: const AxisTitles(
      sideTitles: SideTitles(
        showTitles: true,
        reservedSize: 40, // 按需调整这个值
      ),
    ),
    show: true,
  ),
  barTouchData: BarTouchData(
      handleBuiltInTouches: true,
      touchTooltipData:
          BarTouchTooltipData(tooltipBgColor: Colors.white))),
),

内容的提问来源于stack exchange，提问作者Shakil Khan