如何解决Flutter:如何在启用 PanAndZoomBehaviour 的同时启用同步图表的滚动?
我正在使用合成图https://pub.dev/packages/syncfusion_flutter_charts
到目前为止,对于我的项目,它们具有很棒的功能,但是当我尝试从它滚动时,在启用 PanAndZoomBehavIoUr
时不会注册手势。从那里的支持页面我发现它是有目的地完成的,那么我如何override
此图表的手势以便我可以启用滚动。
我正在使用 SingleChildScrollView
在另一个页面中滚动。
代码,
import 'package:Flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:practice2/models/heart_rate.dart';
import 'package:syncfusion_Flutter_charts/charts.dart';
class HeartRatenormalChart extends StatelessWidget {
@override
Widget build(BuildContext context) {
final width = MediaQuery.of(context).size.width;
return Container(
child: SfCartesianChart(
primaryXAxis: DateTimeAxis(dateFormat: DateFormat('MMM'),),primaryYAxis: NumericAxis(opposedPosition: true),zoomPanBehavior: ZoomPanBehavior(enablePinching: true),tooltipBehavior: TooltipBehavior(
enable: true,header: 'Heart Rate (bpm)',series: <ChartSeries>[
ScatterSeries(
animationDuration: 1500,pointColorMapper: (heart,_) {
if (heart.bpm < 60) {
return Color(0xffFF6262);
} else {
return Color(0xff110E6B);
}
},dataSource: <HeartRate>[
HeartRate(month: DateTime(2020,DateTime.february,1),bpm: 70),HeartRate(month: DateTime(2020,DateTime.july,12),bpm: 72),DateTime.august,15),bpm: 55),HeartRate(
month: DateTime(2020,DateTime.november,24),bpm: 65),DateTime.december,31),bpm: 80),],markerSettings:
MarkerSettings(height: width * 0.04,width: width * 0.04),xValueMapper: (heart,_) => heart.month,yValueMapper: (heart,_) => heart.bpm.ceil(),enabletooltip: true,]),);
}
}
解决方法
感谢您对我们的 Flutter 图表的关注。我们已经分析了您的场景,我们想告诉您,在以下场景中启用用户交互时,故意禁止滚动手势,
- 点击即可启用十字准线或轨迹球作为激活模式
- 在选择缩放以外的模式下启用缩放或平移
截至目前,这是我们图表的默认行为,我们已经记录了对此功能请求的反馈。我们无法为此提供具体的时间表,因为这不在我们的计划列表中,但它将出现在我们即将发布的任何版本中。如需更多信息,您可以关注此incident。
谢谢, 达拉尼塔兰。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。