chart_flutter：显示对应x轴值flutter的y轴值

Question

我正在尝试在我的颤振应用中显示时间序列图表。问题是当我单击 x 轴上的日期时，相应的 y 值不会显示在 y 轴上。我在文档中进行了深入搜索，但没有提供这样的示例。我需要做些什么不同的事情？

class MyLineChart extends StatelessWidget {
  final List<charts.Series> seriesList;
  final bool animate;

  MyLineChart(this.seriesList, {this.animate});

  @override
  Widget build(BuildContext context) {
    return new charts.TimeSeriesChart(
      seriesList,
      animate: animate,
      dateTimeFactory: const charts.LocalDateTimeFactory(),
    );
  }
}

Answer 1

试试这个，使用LinePointHighlighter:

class MyLineChart extends StatelessWidget {
  final List<charts.Series> seriesList;
  final bool animate;

  MyLineChart(this.seriesList, {this.animate});

  @override
  Widget build(BuildContext context) {
    return new charts.TimeSeriesChart(
      seriesList,
      animate: animate,
      dateTimeFactory: const charts.LocalDateTimeFactory(),
      behaviors: [
        LinePointHighlighter(
          drawFollowLinesAcrossChart: true,
          showHorizontalFollowLine: LinePointHighlighterFollowLineType.all,
        ),
      ],
    );
  }
}

编辑： 对不起，我看错了你的问题。

要在 y 轴上显示值，我认为您必须创建自己的 LinePointHighlighter 或 SymbolRenderer 以传递您的 LinePointHighlighter。两者都要求您在图表的canvas 上作画。

使用SelectionModelConfig 获取要显示的选定值。见：https://google.github.io/charts/flutter/example/behaviors/selection_callback_example

我自己没有这样做，但我希望这会对你有所帮助。