问题标签 [fl-chart]

我是 Flutter 的新手，刚开始使用fl_charts它看起来真的很棒。但是，我正在努力超越演示 LineChartSample1。

此处给出的示例代码将值分配给点，如下所示：

在现实生活中，这显然必须是动态的。因此，我需要从这样的数字数组中分配值：

假设 FlSpot 的第一个参数只是一个序列，如 0、1、2、3 ... 和来自 myArray 的第二个参数，我无法弄清楚如何将此数组分配给点。

我需要类似FlSpot(x++, myArray[x])循环的东西。

我正在使用flutter中的fl_charts，似乎无法spots用连续数据填充数组。我的数据不断来自 Firebase 的实时数据库，我尝试将数组的状态设置为等于元素类型FlSpot，如下所示。

然后当我尝试这样做时spots:temp_arr

我会收到一个错误，说它找不到范围。你认为我很接近还是有更好的方法来用动态数据填充我们的图表？

这是我在 android studio 中收到的错误消息。我认为这与_generatePieChartSectionData函数有关，或者可能与StreamBuilder 有关

另外，请提供有关任何有助于我理解颤振错误消息的资源的建议

我试图按里程（公里）对列表顺序进行排序。它是成功的。原因图表是相同的方向。(20 -> 7 -> 13)

但我想反转折线图。（13 -> 7 -> 20）按日期排序。所以我写了以下代码。

但它不像下图那样工作。在我的调试器中，列表肯定是颠倒的。

它有什么问题？

我正在尝试在颤动应用程序中设计一个图表，该图表显示针对时间或日期绘制的数据（取决于按下按钮），但是，我遇到了一个问题，即图形标签文本相互碰撞。

我想知道是否有一种方法可以旋转 fl_chart 对象 LineChartData 中的文本以倾斜或垂直旋转显示日期或时间？

到目前为止，我的代码看起来像这样，图形的输出看起来像这样：

我有一个fl_chart (pub)，它显示在下面的 gif 图中。转换数据时，画家在图表边界之外进行绘制。我怎样才能clipper在下面的图表中添加（或其他一些修复），这样这个错误就不会发生？底部有一些代码和一些图像。fl_chart使用 aCustomPainter来绘制图表，所以也许我可以覆盖源代码中的某些内容？

我的快速修复（我删除了过渡动画，但我想使用动画）：

忽略y轴上的标签错误（左侧）

（如果你没有看到右边的错误）

我想使用这样的过渡，但图表不会超出边界：

这是代码：

我是 Flutter 的新手，我正在尝试将 fl_chart 用作我的应用程序的图表。我正在使用以下成功运行的虚拟代码片段，但我想从资产文件夹中解析本地 json 中的数据，并使用从 json 到 FlSpot 的 xvalue 和 yvalue。

错误说明“RangeError（索引）：无效值：不在包含范围 0..11:15 内”

列表元素示例 getDays = [30 Aug, 31 Aug, 01 Sep, 02 Sep, 03 Sep, 04 Sep, 05 Sep, 06 Sep, 07 Sep, 08 Sep, 09 Sep, 10 Sep]

较短的列表会导致错误。但是更长的列表也没关系。

我正在使用 fl_chart 插件的条形图。我想为条形图赋予渐变色。下面是我想给颜色的线。

但是除非是颜色，否则无法将渐变颜色设置为##color## 属性。

有没有办法将渐变颜色设置为颜色属性？请帮我..

我目前正在使用fl_chart包。https://pub.dev/packages/fl_chart

概述：

我正在同时绘制两个折线图来代表两个不同的趋势（例如：收入与支出）。假设其中涉及的信息是“收入”和“费用”类型）

问题：如下图所示，我无法根据各自的趋势自定义工具提示标签。假设“60”代表“费用”信息，而“5000”代表“收入”信息。

问题

当前的解决方法：

我必须将趋势图转换为 -ve 整数并使用它来将其标识为“费用”类型。这样做的问题是不可能并排比较视觉趋势。取而代之的是，在减去“费用”和“收入”并查看哪个类型更高之后，比较是已知的。附上下面提供的图像以清楚地说明绘图差异以及如何无法实现值的即时比较。

所需的绘图应如 image1 所示。

有人能帮忙吗？请查看随附的图片以获得更清晰的图片。

图片 1 图片2