Hi, I have SfCartesianChart in a SingleChildScrollView. I am unable to scroll the page vertically when dragging over the chart. The chart interactions completely blocks page scrolling. It works only if I disable trackball behavior What is the proper way to do this. Following is my code. Thanks
import 'package:flutter/material.dart';
import 'package:syncfusion_flutter_charts/charts.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Chart Scrolling Test'),
),
body: const SingleChildScrollView(
child: Column(children: [
StockChart(),
// Placeholder to add scro
Placeholder(),
Placeholder(),
Placeholder(),
Placeholder(),
]),
),
),
);
}
}
class StockChart extends StatelessWidget {
const StockChart({super.key});
@override
Widget build(BuildContext context) {
final TrackballBehavior trackballBehavior = TrackballBehavior(
enable: true,
activationMode: ActivationMode.longPress,
);
return SfCartesianChart(
plotAreaBorderWidth: 0,
trackballBehavior: trackballBehavior,
primaryXAxis: const NumericAxis(),
primaryYAxis: const NumericAxis(),
series: <CartesianSeries>[
AreaSeries<XYValue, double>(
animationDuration: 0,
dataSource: [
XYValue(0, 0),
XYValue(1, 1),
XYValue(2, 2),
XYValue(3, 3),
XYValue(4, 4),
],
xValueMapper: (XYValue data, _) => data.x,
yValueMapper: (XYValue data, _) => data.y,
color: Colors.transparent,
borderDrawMode: BorderDrawMode.top,
borderColor: Colors.green,
borderWidth: 2.5,
),
],
);
}
}
class XYValue {
XYValue(this.x, this.y);
final double x;
final double y;
}
