problems with tick step values on X axis

[Evaldas256]

I am having problem setting tick step for 0.05 in X axis in LineChart. Tick step is displayed 0.1. Value which should be 0.05 displayed as 0.1.
My code:
`// Automatic FlutterFlow imports
import '../../flutter_flow/flutter_flow_theme.dart';
import '../../flutter_flow/flutter_flow_util.dart';
import '../widgets/index.dart'; // Imports other custom widgets
import '../actions/index.dart'; // Imports custom actions
import '../../flutter_flow/custom_functions.dart'; // Imports custom functions
import 'package:flutter/material.dart';
// Begin custom widget code
// DO NOT REMOVE OR MODIFY THE CODE ABOVE!

import 'package:fl_chart/fl_chart.dart';

class MyData {
final double x;
final double y;

MyData(this.x, this.y);
}

class LinearGraphWidget extends StatefulWidget {

const LinearGraphWidget({
Key? key,
this.width,
this.height,
required this.duomenys,
required this.name,
}) : super(key: key);

final double? width;
final double? height;
final List duomenys;
final String name;

@OverRide
_LinearGraphWidgetState createState() => _LinearGraphWidgetState();
}

class _LinearGraphWidgetState extends State {

duomenu_konvertavimas(){
double force;
double displacement;
List data=[];

for (int i = 0; i < widget.duomenys.length; i++) {
displacement = double.parse(widget.duomenys[i]['displacement']);
force = double.parse(widget.duomenys[i]['force']);
data.add(FlSpot(force,displacement));
}
return data;
}

Widget topTitleWidgets(double value, TitleMeta meta) {
if (value % 1 != 0) {
return Container();
}
const style = TextStyle(
fontSize: 8,

fontWeight: FontWeight.bold,

);
return SideTitleWidget(
axisSide: meta.axisSide,
child: Text(value.toDouble().toString(), style: style),
);
}

Widget rightTitleWidgets(double value, TitleMeta meta) {
final style = TextStyle(

  fontWeight: FontWeight.bold,
  fontSize: 12,
);
final intValue = reverseY(value, 0, 0.5).toDouble();

if (intValue == (6 + 0)) {
  return Text('', style: style);
}

return Text(intValue.toString(), style: style, textAlign: TextAlign.right);

}

Widget leftTitleWidgets(double value, TitleMeta meta) {
final style = TextStyle(

  fontWeight: FontWeight.bold,
  fontSize: 12,
);

final intValue = reverseY(value, 0, 6).toDouble();

if (intValue == (6 + 0)) {
  return Text('', style: style);
}

return Padding(
  padding: const EdgeInsets.only(right: 6),
  child: Text(
    intValue.toString(),
    style: style,
    textAlign: TextAlign.center,
  ),
);

}

@OverRide
Widget build(BuildContext context){
return AspectRatio(
aspectRatio: 1.5,
child: LineChart(
LineChartData(
minX: 0,
maxX: 0.5,
minY: 0,
maxY: 6,
lineBarsData: [
LineChartBarData(
// spots: duomenu_konvertavimas(),
isCurved: false,
spots: reverseSpots(duomenu_konvertavimas(), 0, 6),
barWidth: 1,
dotData: FlDotData(
show: true,
getDotPainter: (spot, percent, barData, index) =>
FlDotCirclePainter(
radius: 1,
color: Colors.transparent,

            ),
      ),
            belowBarData: BarAreaData(
              show: false,
            )

        ),
      ],

      titlesData: FlTitlesData(

        leftTitles: AxisTitles(
          sideTitles: SideTitles(
            interval: 0.5,
            showTitles: true,
             getTitlesWidget: leftTitleWidgets,
            reservedSize: 40,
          ),
        ),
        rightTitles: AxisTitles(
          sideTitles: SideTitles(
            interval: 0.5,
            showTitles: false,
            getTitlesWidget: rightTitleWidgets,
            reservedSize: 40,
          ),
        ),
        bottomTitles: AxisTitles(
          sideTitles: SideTitles(

              interval: 0.05,
              showTitles:true),

        ),
        topTitles: AxisTitles(
          sideTitles: SideTitles(

            interval:0.05,
            showTitles: true,
            reservedSize: 40,

            // getTitlesWidget: topTitleWidgets,
          ),
        ),
      ),

      gridData: FlGridData(
        show: true,
        drawVerticalLine: true,
        horizontalInterval: 0.5,
        checkToShowHorizontalLine: (value) {
          final intValue = reverseY(value, 0, 6).toDouble();

          if (intValue == (6).toDouble()) {
            return false;
          }

          return true;
        },
      ),
    ),
  ),
);

}
}
double reverseY(double y, double minX, double maxX) {
return (maxX + minX) - y;
}

List reverseSpots(List inputSpots, double minY, double maxY) {
return inputSpots.map((spot) {
return spot.copyWith(y: (maxY + minY) - spot.y);
}).toList();
}
`

[imaNNeo]

Please check your description. Your reproducible code is not formatted correctly.
Thanks

[mai-nakagawa]

@imaNNeo Hello, I'm also facing the same problem. This is the reproducible code:

import 'package:fl_chart/fl_chart.dart';
import 'package:flutter/material.dart';

class ScatterChartSample extends StatelessWidget {
  const ScatterChartSample({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Scatter Chart Sample"),
      ),
      body: ScatterChart(
        ScatterChartData(
          scatterSpots: [
            ScatterSpot(0.00001, 0.09, radius: 6),
            ScatterSpot(0.00002, 0.0800005, radius: 6),
            ScatterSpot(0.00001, 0.0745675, radius: 6),
            ScatterSpot(0.00007, 0.036897, radius: 6),
          ],
          minX: 0,
          maxX: 0.0001,
          minY: 0,
          maxY: 0.1,
        ),
      ),
    );
  }
}

void main() => runApp(const MaterialApp(home: ScatterChartSample()));

And this is the scatter chart generated by the code:

[mai-nakagawa]

I think it's not a bug but by design. I found the following line to accept only 1 decimal place:

fl_chart/lib/src/utils/utils.dart

Line 240 in 5d81d61

resultNumber = number.toStringAsFixed(1);

Would be great if it accepts more decimal places.

[imaNNeo]

Thank you @mai-nakagawa
I'm gonna fix it

[imaNNeo]

Fixed in 0.64.0