波动图PanAndZoomBehavior不会放大手势的中心

本文介绍了波动图PanAndZoomBehavior不会放大手势的中心的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我在Flutter应用程序中使用了 github/google/charts 。效果很好。但是，当我放大图表时，放大发生在错误的地方！它开始扩展并保持左静态。效果是手指缩放下的图表幻灯片不在缩放点上。有没有办法像放大图库中的图片一样进行缩放？

我的图表代码

小部件build（BuildContext context）{ 返回新图表。LineChart（ _chartSeriesFromChartData（seriesList），动画：false， defaultRenderer：chart.LineRendererConfig（includeArea：true，includePoints：true）， primaryMeasureAxis：charts.NumericAxisSpec（tickProviderSpec：charts.BasicNumericTickProviderSpec（desiredTickCount：8）），行为：[ZoomBehaviour（）] $ p>

解决方案

您可以在代码中使用以下代码：

行为：[新图表。PanAndZoomBehavior（）]，

，或者如果您想按图表中的项目进行选择您可以使用：

行为：[new chart.SeriesLegend（）]，

，如果要使用其中两个，则可以使用：

行为：[new chart.SeriesLegend （），新图表。PanAndZoomBehavior（）]，

祝你好运编码

I used github/google/charts inside my flutter app. It works great. But when i zoom on chart, the zoom happens but in the wrong place! It starts expanding keeping the left static. The effect is the chart slide under your finger zooming not in the point you are zooming to. Is there a way to zoom like you zoom on a picture on gallery?

code of my chart

Widget build(BuildContext context) { return new charts.LineChart( _chartSeriesFromChartData(seriesList), animate: false, defaultRenderer: charts.LineRendererConfig(includeArea: true, includePoints: true), primaryMeasureAxis: charts.NumericAxisSpec(tickProviderSpec: charts.BasicNumericTickProviderSpec(desiredTickCount: 8)), behaviors: [ZoomBehaviour()], )

解决方案

you can use code like this in your code:

behaviors: [new charts.PanAndZoomBehavior()],

or if you want selection by item in our charts you can use:

behaviors: [new charts.SeriesLegend()],

and if you want use two of them maybe you can use:

behaviors: [new charts.SeriesLegend(), new charts.PanAndZoomBehavior()],

good luck happy coding