是否可以使用 charts_flutter 绘制带有值流的实时图表？

Question

我还没有找到 charts_flutter 使用随时间变化的数据流的示例。是否可以这样做，或者它不是正确的工具？就我而言，我必须显示一个跟随麦克风信号的折线图。谢谢

更新这是我的尝试：在我的 build() 方法中，我这样定义图表：

charts.TimeSeriesChart(
              getStreamData(),
              animate: true,
              domainAxis: new charts.OrdinalAxisSpec(renderSpec: new charts.NoneRenderSpec(), showAxisLine: false),
              primaryMeasureAxis: new charts.NumericAxisSpec(showAxisLine: false),
              dateTimeFactory: const charts.LocalDateTimeFactory(),

我的目标是使用数据流，并设置固定范围的测量轴以避免图形出现奇怪的振荡。

此时图表重建成功，但测量轴上的范围每次都变了。

Answer 1

您可以像这样为轴提供静态范围（示例适用于 12-18，包括 12-18）：

    primaryMeasureAxis: new charts.NumericAxisSpec(
      tickProviderSpec: new charts.StaticNumericTickProviderSpec(
        <charts.TickSpec<num>>[
          charts.TickSpec<num>(12),
          charts.TickSpec<num>(14),
          charts.TickSpec<num>(16),
          charts.TickSpec<num>(18),
        ],
      ),
    ),

是否可以使用 charts_flutter 绘制带有值流的实时图表？

Is possible to use charts_flutter to draw a real-time chart with a stream of values?

charts

real-time

flutter