在chart_flutter中使用水平滚动时的标注溢出窗口

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Chart Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Chart Flutter Demo'),
      ),
      body: Center(
        child: SfCartesianChart(
          primaryXAxis: CategoryAxis(),
          series: <ChartSeries>[
            LineSeries<SalesData, String>(
              dataSource: <SalesData>[
                SalesData('Jan', 35),
                SalesData('Feb', 28),
                SalesData('Mar', 34),
                SalesData('Apr', 32),
                SalesData('May', 40),
                SalesData('Jun', 55),
                SalesData('Jul', 45),
                SalesData('Aug', 30),
                SalesData('Sep', 25),
                SalesData('Oct', 38),
                SalesData('Nov', 20),
                SalesData('Dec', 42),
                SalesData('Jan', 35),
                SalesData('Feb', 28),
                SalesData('Mar', 34),
                SalesData('Apr', 32),
                SalesData('May', 40),
                SalesData('Jun', 55),
                SalesData('Jul', 45),
                SalesData('Aug', 30),
                SalesData('Sep', 25),
                SalesData('Oct', 38),
                SalesData('Nov', 20),
                SalesData('Dec', 42),
              ],
              xValueMapper: (SalesData sales, _) => sales.year,
              yValueMapper: (SalesData sales, _) => sales.sales,
              dataLabelSettings: DataLabelSettings(isVisible: true),
            ),
          ],
          annotations: <CartesianChartAnnotation>[
            ChartRangeAnnotation(
              axisName: 'primaryXAxis',
              horizontalTextAlignment: TextAnchor.middle,
              verticalTextAlignment: TextAnchor.start,
              coordinateUnit: CoordinateUnit.point,
              x1: 'Jun',
              x2: 'Aug',
              y1: 0,
              y2: 60,
              child: Container(
                color: Colors.blue.withOpacity(0.5),
                padding: EdgeInsets.all(10),
                child: Text(
                  'Summer Sales',
                  style: TextStyle(
                    color: Colors.white,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class SalesData {
  SalesData(this.year, this.sales);

  final String year;
  final double sales;
}