flutter - 如何在 Flutter 中使用 fl_chart 在折线图中水平滚动？

Question

我想在折线图中显示列表中的数据。问题是宽度太小了。所以我希望您可以水平滚动以查看所有内容。如何使用包 fl_chart 做到这一点？

这是我的代码，我从列表中构建点。

  @override
  Widget build(BuildContext context) {
    return LineChart(
        LineChartData(
            lineBarsData: [
          LineChartBarData(
              spots: [
            for (int i = reversedList.length - 1; i >= 0; i--)
              FlSpot(i.toDouble(), reversedList[i].weight),
          ])
        ]));
  }
}

Answer 1

嗨尝试使用水平列表视图

ListView(
  // This next line does the trick.
  scrollDirection: Axis.horizontal,
  children: <Widget>[

  ],
)

Answer 2

将 LineChart 的宽度设置为所需的宽度，并将LineChart()小部件包装在 a 中SingleChildScrollView()并设置scrollDirection: Axis.horizontal

编辑：我认为你需要先LineChart()用Container()固定宽度包装。否则图表可能会尝试向无穷大延伸。