1. Feedback
  2. Flutter
  3. 17520

Welcome to the Flutter feedback portal. We’re happy you’re here! If you have feedback on how to improve the Flutter, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

DateTimeAxis labels show incorrect hours

Simulator Screen Shot - iPhone Xʀ - 2020-09-02 at 09.24.23.png


In the lower chart the hours should be midnight to midnight.


FutureBuilder<List<EnergyMsg>>(
  future: futureEnergyRaw,
  builder: (context, snapshot) {
    if (snapshot.hasData) {
      snapshot.data.forEach((element) {
        DateFormat df = new DateFormat("HH:mm");
        print(element.timestamp);
        print(df.format(element.timestamp));
      });

      return Container(
        child: SfCartesianChart(
          title: ChartTitle(
            text: dateToTitle(snapshot.data[0].timestamp),
            alignment: ChartAlignment.center,
          ),
          primaryXAxis: DateTimeAxis(
            intervalType: DateTimeIntervalType.hours,
            dateFormat: new DateFormat('HH:mm'),
          ),
          primaryYAxis:
              NumericAxis(title: AxisTitle(text: 'kWh (000)')),
          enableSideBySideSeriesPlacement: false,
          series: <ChartSeries<EnergyMsg, DateTime>>[
            LineSeries<EnergyMsg, DateTime>(
              dataSource: snapshot.data,
              xValueMapper: (EnergyMsg energy, _) =>
                  energy.timestamp,
              yValueMapper: (EnergyMsg energy, _) =>
                  energy.energy_import / 1000,
            ),
            LineSeries<EnergyMsg, DateTime>(
              dataSource: snapshot.data,
              xValueMapper: (EnergyMsg energy, _) =>
                  energy.timestamp,
              yValueMapper: (EnergyMsg energy, _) =>
                  -energy.energy_export / 1000,
            ),
          ],
        ),
      );
    } else if (snapshot.hasError) {
      return Text("${snapshot.error}");
    }

    // By default, show a loading spinner.
    return CircularProgressIndicator();
  },
),

The results of the print statements are below

flutter: 2020-08-20 01:30:00.000Z
flutter: 01:30
flutter: 2020-08-20 02:30:00.000Z
flutter: 02:30
flutter: 2020-08-20 03:30:00.000Z
flutter: 03:30
flutter: 2020-08-20 04:00:00.000Z
flutter: 04:00
flutter: 2020-08-20 04:30:00.000Z
flutter: 04:30
flutter: 2020-08-20 05:00:00.000Z
flutter: 05:00
flutter: 2020-08-20 05:30:00.000Z
flutter: 05:30
flutter: 2020-08-20 06:30:00.000Z
flutter: 06:30
flutter: 2020-08-20 08:00:00.000Z
flutter: 08:00
flutter: 2020-08-20 09:00:00.000Z
flutter: 09:00
flutter: 2020-08-20 09:30:00.000Z
flutter: 09:30
flutter: 2020-08-20 10:00:00.000Z
flutter: 10:00
flutter: 2020-08-20 10:30:00.000Z
flutter: 10:30
flutter: 2020-08-20 11:30:00.000Z
flutter: 11:30
flutter: 2020-08-20 12:00:00.000Z
flutter: 12:00
flutter: 2020-08-20 13:00:00.000Z
flutter: 13:00
flutter: 2020-08-20 15:00:00.000Z
flutter: 15:00
flutter: 2020-08-20 15:30:00.000Z
flutter: 15:30
flutter: 2020-08-20 16:00:00.000Z
flutter: 16:00
flutter: 2020-08-20 16:30:00.000Z
flutter: 16:30
flutter: 2020-08-20 17:00:00.000Z
flutter: 17:00
flutter: 2020-08-20 17:30:00.000Z
flutter: 17:30
flutter: 2020-08-20 18:00:00.000Z
flutter: 18:00
flutter: 2020-08-20 18:30:00.000Z
flutter: 18:30
flutter: 2020-08-20 19:30:00.000Z
flutter: 19:30
flutter: 2020-08-20 20:00:00.000Z
flutter: 20:00
flutter: 2020-08-20 20:30:00.000Z
flutter: 20:30
flutter: 2020-08-20 21:00:00.000Z
flutter: 21:00
flutter: 2020-08-20 22:00:00.000Z
flutter: 22:00
flutter: 2020-08-20 23:00:00.000Z
flutter: 23:00
flutter: 2020-08-20 23:30:00.000Z
flutter: 23:30
flutter: 2020-08-21 00:00:00.000Z
flutter: 00:00
Reloaded 2 of 618 libraries in 285ms.