问题标签 [fl-chart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
533 浏览

flutter - fl_chart 用小部件包裹 PieChartSectionData

我正在尝试使用包创建一个饼图,并且想知道是否可以使用颤振小部件fl_chart将元素包装起来。sections

这是部分的代码片段:

附加Im not sure this will be useful but just to clarify more::

预期的结果应该是:

我按预期做的错误是:

据我了解,这是因为 PieChartSectionData 不是小部件,但是我可以做些什么来使其成为小部件的一部分?

谢谢!

0 投票
0 回答
120 浏览

flutter - 对如何解决 fl graphs 和 provider 感到困惑

我正在尝试创建一个有按钮的应用程序,当用户单击该按钮时,会记录当天的时间戳并将其上传到 Firestore。然后我从那里获取数据并更新一个 fl 图表小部件。

这就是我从 firebase 获取数据、将其转换为 DateTime 并将其发送到图形构建方法的方式。

这就是我处理 fl 图表数据的方式。

然后执行此操作以更新图表。

我面临的问题是,当我做这整件事时,点成功地存储在 _data 列表中,但是当我尝试调用 LineChartBarData 中的点时,它说 _data 在被调用时为空。我不知道为什么会发生这种情况,因为数据在之前的迭代中就在那里。

0 投票
1 回答
805 浏览

flutter - 如何在折线图中实现 API 数据

我正在尝试使用fl_chart颤振中的依赖项在图表中实现我的 API 数据。但我只是不知道如何实现它。

这是我实现数据的方式:

这就是我如何称呼我的数据:

我的 API 调用在另一个文件中。我调用 API 如下:

我正在尝试在FlSPot()函数内部实现它。但随后你收到此错误:

这是我的模型:

以下是 API 的外观:

我的 API 很长,看起来像这样。任何帮助,将不胜感激。

0 投票
2 回答
626 浏览

flutter - Flutter Web - 不支持的操作:卡片小部件中画布的 NaN 错误

我正在做一个颤振的网络项目。我们使用库fl_chart。我们想PieChartCard小部件中使用 a 但它会抛出错误Unsupported operation: NaN。它在调试和发布模式下发生(从命令行启动) flutter run lib/main.dartflutter run --release lib/main.dart但在通过 VSCode 调试器启动应用程序时不会发生。

这是一个小例子(main.dart):

这是日志

我正在使用 Flutter 1.25.0-8.1.pre beta


它发生了什么,为什么?

还有我该如何解决这个问题或者有什么解决方法吗?


编辑:

它也不适用于 Flutter1.25.0-8.3.pre • channel beta并遇到同样的问题。它适用于颤振1.26.0-17.1.pre • channel dev

但是我们使用的项目需要beta通道。

它使用该选项有效,--web-renderer canvaskit但我想继续使用该选项html

0 投票
1 回答
699 浏览

android - LineChart 中的 fl_chart 触摸响应问题

我使用fl_chart ^0.10.1显示了一个折线图(在 Flutter ver 上测试52.2.1 & 53.0.1)。我正在从 csv 文件更新 FlSpots。

Spot如果我触摸情节中的某个地方,我正在尝试获取索引或对象。touchResponse但是如果我触摸(点击或长按)某处,我会得到一个空列表。

安慰

但我在情节本身中得到了价值。我假设它在那里是因为内置的触摸处理程序。 阴谋

我正在尝试的代码:

我的最终目标是使用并传递触摸的索引来打开一个新的屏幕/小部件。

0 投票
2 回答
520 浏览

flutter - Flutter 饼图从顶部开始

我想创建一个饼图(或者更确切地说是一个环形图),显示给定值(比如 1000 欧元)已用完多少。我尝试了pie_chartfl_chart包,虽然它们都绘制了漂亮的图表,但我无法以我想要的确切方式显示它。到目前为止,我从这两个包中得到的是,较小的部分从环上的任何地方开始:

在此处输入图像描述

我希望它看起来像这样,较小的部分从顶部开始并顺时针填充空间,具体取决于用完多少可用资金,类似于进度指示器:

在此处输入图像描述

我尝试旋转图表,但旋转程度始终取决于较小部分占用多少空间,我不知道如何计算。

0 投票
0 回答
99 浏览

flutter - Flutter fl_chart:有没有办法从图表外部插入滑块或管理水龙头?

有没有办法从图表外部插入滑块或管理水龙头?

像这样的东西:

在此处输入图像描述

或者有没有办法让 LineTouchData 始终可见(甚至在点击图表之前)?

0 投票
1 回答
732 浏览

flutter - 是否有任何选项可以指定flutter fl_charts中x和y轴上的值之间的间隔?

在此处输入图像描述 折线图(

),

这是我在 x 轴上的代码值重叠。我正在使用 fl_charts 进行颤动,是否有任何选项可以指定轴值之间的间隔?

0 投票
1 回答
1185 浏览

flutter - 如何根据颤动更改fl图表工具提示位置

我正在使用 fl_chart,实际上我遇到了一些问题。由于以下问题,我需要帮助来操作 fl_chart 工具提示。当我触摸图表上的条时,显示的工具提示已隐藏部分

截屏

使用的代码

0 投票
1 回答
450 浏览

flutter - 向 fl_chart 条形图中的条形添加文本标签

我已经构建了一个 Flutter 应用程序,并用于fl_chart呈现条形图。

它工作得很好,但唯一的事情是在每个栏内添加一个标签,就像在这个 UI 设计中一样:

图片

该栏似乎fl_chart没有标签属性。

我尝试Text使用 a 在图表顶部添加一个简单的小部件Stack,但每个标签位置的计算不适用于所有屏幕尺寸。

有谁知道在酒吧上实施标签的最佳方法是什么?

谢谢!