Scroll lineChartData fl_chart

Hola buen día programadores, estoy haciendo la grafica de la imagen, pero como son muchos datos en el eje X, quiero que se pueda hacer scroll dentro del plano y cambien los datos del eje X mientras hago el scroll horizontal, con el siguiente codigo se realiza el scroll pero mueve toda la grafica: alguien me podria ayudar plis.

return Container(
      color: Color.fromRGBO(27, 35, 56, 1),
      child: SingleChildScrollView(
        scrollDirection: Axis.horizontal,
        child: Padding(
          padding: const EdgeInsets.all(16.0),
          child: AspectRatio(
            aspectRatio: 1,
            child: InteractiveViewer(
              child: LineChart(
                temperatureChartData,
                //swapAnimationDuration: const Duration(milliseconds: 250),  // Duración de la animación
              ),
            ),
          ),
        ),
      ),
    );