title: How do I only display hours and minutes in my Flutter Chart?
body: <p>I'm creating a flutter chart that shows temperature over time. Currently, the X axis shows the month and day, which I do not want. I would like it to show hours and minutes in a HH:MM format. Here is how my chart looks now:
  <a href="https://i.stack.imgur.com/QhfCD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QhfCD.png" alt="Current chart (with long date at bottom)"></a></p>
  
  <p>Here is my chart widget code:</p>
  
  <pre class="lang-dart prettyprint-override"><code>import 'package:flutter/material.dart';
  import 'package:cloud_firestore/cloud_firestore.dart';
  import 'package:charts_flutter/flutter.dart';
  
  final db = Firestore.instance;
  
  class TemperatureData {
    // Requires Firestore epoch time to be converted to DateTime with  DateTime.fromMillisecondsSinceEpoch(time * 1000)
    final int temperature;
    final DateTime time;
  
    TemperatureData(this.temperature, this.time);
  }
  
  List&lt;Series&gt; _createChartData(List&lt;TemperatureData&gt; temperatureData) {
    var data = [
      new Series&lt;TemperatureData, DateTime&gt;(
        id: 'Temperature',
        domainFn: (TemperatureData temperatureData, _) =&gt; temperatureData.time,
        measureFn: (TemperatureData temperatureData, _) =&gt;
            temperatureData.temperature,
        data: temperatureData,
      ),
    ];
  
    return data;
  }
  
  List&lt;TemperatureData&gt; _parseTemperatureData(rawTemperatureData) {
    List&lt;TemperatureData&gt; parsedList = [];
  
    for (var i = 0; i &lt; rawTemperatureData['Temperature'].length; i++) {
      parsedList.add(TemperatureData(
          rawTemperatureData['Temperature'][i]['Temperature'],
          rawTemperatureData['Temperature'][i]['Time'].toDate()));
    }
    return parsedList;
  }
  
  class TemperatureChart extends StatefulWidget {
    @override
    State&lt;StatefulWidget&gt; createState() {
      return _TemperatureChartState();
    }
  }
  
  class _TemperatureChartState extends State&lt;TemperatureChart&gt; {
    @override
    Widget build(BuildContext context) {
      return StreamBuilder(
          stream: Firestore.instance
              .collection('SensorData')
              .document('MapTest')
              .snapshots(),
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return Container(
                height: 300,
                child: TimeSeriesChart(
                  _createChartData(_parseTemperatureData(snapshot.data)),
                  animate: true,
                ),
              );
            } else {
              return CircularProgressIndicator();
            }
          });
    }
  }
  </code></pre>
  
  <p>And here is the data I am pulling in from Firestore:
  <a href="https://i.stack.imgur.com/eRNQn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eRNQn.png" alt="Firestore screenshot"></a></p>