1. Feedback
  2. Flutter
  3. 11098

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

Bugs of Plot Bands

It seem that plot band is not working well.

example code:

import 'package:flutter/material.dart';
import 'package:syncfusion_flutter_charts/charts.dart';

void main() {
  runApp(TestPage());
}

class TestPage extends StatelessWidget {
  Widget build(BuildContext context) {
    final List<Data> chartData = [
      Data(0, -3),
      Data(1, 2),
      Data(2, 4),
      Data(3, 8),
      Data(4, 1),
    ];
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Test'),
        ),
        body: SfCartesianChart(
          series: <ChartSeries>[
            LineSeries<Data, double>(
              dataSource: chartData,
              xValueMapper: (Data sales, _) => sales.x,
              yValueMapper: (Data sales, _) => sales.y,
            ),
          ],
          primaryYAxis: NumericAxis(
            plotBands: [
              // replace the comment/code here with the code snippets for each case
            ],
          ),
        ),
      ),
    );
  }
}

class Data {
  final double x;
  final double y;




  Data(this.x, this.y);




}

case 1

PlotBand(
  start: 0,
  end: -6,
)

Screenshot_1578293358.png

case 2

PlotBand(
  start: 20,
  end: 3,
)


Screenshot_1578293459.png

Problem: In these two cases, the plot bands are overflowed and may hide the axis label.

Expectation
: plot bands should only draw with in the plot area.

Suggestion 2: 
Should end < start be allow? um, may be no? Not allowing end < start can fix many bugs. The same problem also exist for Axis's visible minimum and maximum.

Case 3

primaryYAxis: NumericAxis(
  visibleMinimum: 0,
  visibleMaximum: 4,
  plotBands: [
    PlotBand(
      start: 0,
      end: 1,
    ),
  ],
),
zoomPanBehavior: ZoomPanBehavior(
  enablePanning: true,
),

Screenshot_1578295626.pngScreenshot_1578295669.png
Problem: The plot band show only if it is fully visible.

Expectation: The plot band should show even if it is partly visible.

case 4:
PlotBand(
  start: 3,
),