【问题标题】:Is it possible to zoom vertical axis on Flutter Charts?是否可以在 Flutter Charts 上缩放垂直轴?
【发布时间】:2020-07-03 07:09:42
【问题描述】:

我正在尝试使用 github.com/google/charts 包熟悉 Flutter 中的图表。

我想制作一个图表(条形图、折线图、散点图或任何其他......this, for example),我不仅可以缩放和平移 x 轴,还可以缩放和平移垂直 y 轴(横坐标)。

x 轴的缩放正在添加行为 behaviors: [new charts.PanAndZoomBehavior(),]

@override
Widget build(BuildContext context) {
    return new charts.BarChart(
      seriesList,
      animate: animate,
      behaviors: [new charts.PanAndZoomBehavior(),
      ],
      domainAxis: new charts.OrdinalAxisSpec(
          viewport: new charts.OrdinalViewport('2018', 4)),
    );
  }

x 轴缩放未居中,如 this question 中所要求的,但对我来说没问题。

第一步是禁用垂直轴的自动调整,调整0到图表中那个时刻出现的数据的最大值之间的范围。

知道如何在 y 轴上启用缩放手势或至少禁用 y 轴的自动调整(固定 y 轴的范围)吗?

【问题讨论】:

    标签: flutter charts zooming yaxis


    【解决方案1】:

    这与您在 domainAxis 中所做的非常相似。
    您可以将axisSpec 添加到primaryMeasureAxis(y 轴)。 像这样,

    primaryMeasureAxis: charts.NumericAxisSpec(
          viewport: charts.NumericExtents(4, 8)),
    

    但这在条形图中无法正常工作。
    根据我的经验,条形图将低于 x 轴。它还没有修复。
    不过它适用于折线图。

    【讨论】:

      猜你喜欢
      • 2012-08-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-03-30
      相关资源
      最近更新 更多