如何在 Flutter 中使用 fl_chart 在折线图中水平滚动?

2024-01-11

我想用折线图显示列表中的数据。问题是宽度太小。所以我希望你可以水平滚动来查看所有内容。如何使用 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),
          ])
        ]));
  }
}

将折线图的宽度设置为您需要的宽度并包裹LineChart()小部件在SingleChildScrollView()并设置scrollDirection: Axis.horizontal

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Flutter 中使用 fl_chart 在折线图中水平滚动? 的相关文章

随机推荐

  • 使用 Word 时出现运行时错误 462 Excel VBA

    第二次或第三次运行此循环时 我不断收到 462 错误 我不认为我有任何漂浮的物体 但也许我错过了一些东西 我对此有点陌生 该宏将从 Excel 中获取所有图表 将它们作为图片粘贴到 Word 中 调整它们的大小 保存文档并关闭它 For 循
  • PHP/JS - 动态创建缩略图或存储为文件

    对于图像托管 Web 应用程序 对于我存储的图像 是否可以使用 PHP 或其他方式 动态创建缩略图 或者我应该将 1 个或多个不同大小的缩略图保存到磁盘并加载它们 任何帮助表示赞赏 将缩略图保存到磁盘 图像处理需要大量资源 并且根据图像的大
  • 使用 fread 导入 csv 时出现“字符串中嵌入 nul”错误

    我有一个大文件 3 5G 我试图使用它导入data table fread 它最初是从一个 rpt 文件创建的 该文件以文本形式打开并保存为 CSV 这对于较小的文件 相同类型的数据 相同的列等 效果很好 这只是为了更长的时间范围和更广泛的
  • Chrome、Opera 和 Safari 中 Flash 下弹出弹出菜单

    我在以下位置创建了一个弹出导航菜单 http lixmebel com http lixmebel com gt 在 gt 下 在 Firefox 和 Internet Explorer 中 一切正常 菜单会在 Flash 上弹出 但在 C
  • kafka-console-consumer 自定义反序列化器

    我想使用我的自定义value deserializer使用 kafka console consumer 命令行工具时 像这样的事情 kafka console consumer bootstrap server kafka2 29092
  • 当只有其中之一进行类型检查时,为什么这两个隐式都匹配?

    我正在尝试诊断由不同的隐式扩展错误引起的编译器错误 这是我所看到的 scala Welcome to Scala 2 13 1 OpenJDK 64 Bit Server VM Java 1 8 0 252 Type in expressi
  • 如何循环空手道响应数组并将其传递到另一个 Web 服务响应的 json 路径中

    我正在使用空手道版本 0 8 0 1 我想执行以下步骤来测试一些响应 我做了一个获取网络服务 1 使用 jsonpath 从 Web 服务 1 的响应中查找货币值 currencies 第 2 步给出了以下结果 USD HKD SGD IN
  • 当结果具有相同分数时在 Azure 搜索中进行分页

    我在电子商务网站上使用 Azure 搜索 现在在搜索页面上遇到分页问题 当我重新加载搜索页面时 我可以获得不同的产品顺序 因此 当我使用分页时 我可以在不同页面上看到相同的产品 这一点至关重要 我开始研究出了什么问题 我在 Microsof
  • 从 cakephp 的数组中删除数组键

    打印数组 array Order gt array id gt 1 base price gt 65 min price gt 95 检索数据时是否可以删除键 Order 如果不是 我如何使用 array shift 或以一行结束并防止出现
  • Haskell 中类型安全的“read”

    向你学习 Haskell http learnyouahaskell com making our own types and typeclasses讨论以下数据类型 data Day Monday Tuesday Wednesday Th
  • Python 等待队列和事件

    我有一个队列和一个事件 我想在事件设置为 True 时退出循环 但是循环中有一个queue get 它会阻塞 直到其中有东西为止 当设置 closeEvent 事件标志时 如何中止 self commandQueue get 的等待 注意
  • webapp2.Route 带有可选的前导部分

    我正在学习webapp2 http webapp improved appspot com 框架以其强大的Route http webapp improved appspot com api webapp2 html webapp2 Rou
  • 当方法名称是动态时,如何在 Ruby 中调用方法? [复制]

    这个问题在这里已经有答案了 video Video new thumb video thumbnail video thumbnail video video thumbnail works fine video thumbnail vid
  • Java 中处理循环事件的优雅方法?

    我认为这对我来说不是一个特定的问题 每个人以前可能都遇到过这个问题 为了正确地说明它 这里有一个简单的 UI 正如您所看到的 这两个旋转器控制着一个变量 A 唯一的区别是他们使用不同的视图来控制它 由于这两个旋钮的显示值是同步的 因此会出现
  • 信号处理程序不会看到全局变量

    问题是 这个程序应该接收来自 stdin 的输入并计算插入的字节数 SIGUSR1 信号将停止主程序 并在文件标准错误上打印当我发送 SIGUSR1 时已复制了多少字节 这就是我的老师希望我这样做的方式 在一个终端运行中 cat dev z
  • 为什么在使用 Javassist 更改方法体后必须调用 .toClass()?

    我修改getMessage 我的方法体TestClass由Javassist这样写 ClassPool cp new ClassPool true CtClass ctClass cp get my test javassist TestC
  • CSS:使 iframe 充满高度,没有滚动条

    我怎样才能在 iframe 上拥有完整的高度 这样如果超过指定的高度 我就没有滚动条height 500px 我只想让页面滚动条存在 而不是 iframe 滚动条 我知道你可以隐藏滚动条 但这样你就看不到 iframe 中的所有内容 你怎么
  • Sparklyr 与 S3 存储桶的连接抛出错误

    我正在尝试从 R Sparklyr 连接到 S3 存储桶 我能够将本地文件读取到 Spark 上下文中 然而尝试连接 s3 似乎是个问题 抛出一大堆错误 这是所使用的代码列表 注意 单个 s3 存储桶有多个 csv 文件 遵循相同的模式 l
  • 如何将 C 联合转换为 Delphi?

    typedef struct FILE OBJECTID INFORMATION LONGLONG FileReference UCHAR ObjectId 16 union struct UCHAR BirthVolumeId 16 UC
  • 如何在 Flutter 中使用 fl_chart 在折线图中水平滚动?

    我想用折线图显示列表中的数据 问题是宽度太小 所以我希望你可以水平滚动来查看所有内容 如何使用 fl chart 包执行此操作 这是我的代码 我从列表中构建点 override Widget build BuildContext conte