Too many values in X and Y axis. How To lessen them.

[chitgoks]

What is the property that declutters them into a few number of labels? The samples only shows a few data.

This is my code

LineChart(
                LineChartData(
                  lineTouchData: LineTouchData(
                  enabled: true,
                  touchCallback: (FlTouchEvent event, LineTouchResponse? touchResponse) {
                    // TODO : Utilize touch event here to perform any operation
                  },
                  touchTooltipData: LineTouchTooltipData(
                    tooltipBgColor: Colors.blue,
                    tooltipRoundedRadius: 20.0,
                    showOnTopOfTheChartBoxArea: true,
                    fitInsideHorizontally: true,
                    tooltipMargin: 0,
                    getTooltipItems: (touchedSpots) {
                      return touchedSpots.map((LineBarSpot touchedSpot) {
                        const textStyle = TextStyle(
                          fontSize: 10,
                          fontWeight: FontWeight.w700,
                          color: Colors.white,
                        );
                        return LineTooltipItem(
                          spots[touchedSpot.spotIndex].y.toStringAsFixed(2),
                          textStyle,
                        );
                      }).toList();
                    },
                  ),
                  getTouchedSpotIndicator: (LineChartBarData barData, List<int> indicators) {
                    return indicators.map((int index) {
                      final line = FlLine(
                        color: Colors.grey,
                        strokeWidth: 1,
                        dashArray: [2, 4]);
                      return TouchedSpotIndicatorData(
                        line,
                        FlDotData(show: false),
                      );
                    }).toList();
                  },
                  getTouchLineEnd: (_, __) => double.infinity

                  ),
                  titlesData: FlTitlesData(
                    bottomTitles: AxisTitles(sideTitles: SideTitles(
                      showTitles: true,
                      getTitlesWidget: (value, meta) {
                        return Text(value.toString());
                      }
                    )),
                    leftTitles: AxisTitles(sideTitles: SideTitles(
                        showTitles: true,
                        getTitlesWidget: (value, meta) {
                          return Text(value.toString());
                        }
                    )),
                    topTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)),
                    rightTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)),
                  ),
                  borderData: FlBorderData(border: const Border(bottom: BorderSide(), left: BorderSide())),
                  gridData: FlGridData(show: false),
                  lineBarsData: [
                    LineChartBarData(
                      isCurved: true,
                      color: Colors.red,
                      barWidth: 8,
                      isStrokeCapRound: true,
                      dotData: FlDotData(show: false),
                      belowBarData: BarAreaData(
                        show: false,
                        color: Colors.blue,
                      ),
                      spots: spots
                    ),
                  ],
                  minX: 0,
                  maxX: maxX.x,
                  maxY: maxY.y,
                  minY: 0,
                ),
                swapAnimationDuration: const Duration(milliseconds: 250)
)

[Bazni]

Hey,

You can change the interval for each SideTitle.

Little example for the bottomTitles field:

bottomTitles: AxisTitles(
            sideTitles: SideTitles(
              reservedSize: 30,
              showTitles: true,
              interval: 1, // Change this 
              getTitlesWidget: (value, meta) => bottomTitleBuilder(value),
            ),
          )

IMO your problem is that you display a Text too big for the available space. Try to change the reservedSize and display a fixed length float with double.toStringAsFixed(x); or even better NumberFormat