问题标签 [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 投票
0 回答
190 浏览

flutter - 当部分为空时,fl_chart 自定义图例被下推

我正在使用PieChartfl_chart显示本地保存文档的分布情况。图表中显示的百分比是两个文档类型列表长度的结果(见下图)。
但是当一个列表为空时,我有一个奇怪的错误,即我的自定义图例被向下推。ThePieChart和 Legend 位于 Row 的内部,每个子项都有弹性因子(2 代表 the PieChart,4 代表 Legend)。
我真的不明白是什么将 Legend 向下推,因为我的Expanded小部件始终位于其中,Rows因此PieChart和 Legend 只占用可用的水平空间,而不是错误中发生的垂直空间(图 2)。

饼图小部件:

我将图表小部件显示在 a中,并用主屏幕内部的aCustomScrollView包裹:SliverToBoxAdapter

在此处输入图像描述 在此处输入图像描述


编辑:

我只是对这个错误进行了更多调查,并Container在我的CustomScrollView, 下方放置了一个彩色SliverPaddingCircularGraph以检查标签列是否向下扩展。但正如您所见,彩色 Container 不受影响。看起来 Legend 位于 a 内部Stack并定位,不会影响上方和下方的其他小部件。

在此处输入图像描述

0 投票
0 回答
157 浏览

flutter - Flutter fl_chart:如何为工具提示和其中的值设置动画?用折线图?

当使用fl_chart在折线图上移动手指时,我想以连续的方式为工具提示和其中的值设置动画。现在,当手指在图表上移动时,工具提示和其中的值会显示和隐藏。有人知道怎么做吗?

单击此处查看它当前的工作方式

0 投票
0 回答
50 浏览

flutter - 使用带有 fl_charts Flutter 的滑块处理 Tooltip

我发现自己在尝试从 cupertinoSlider 的给定值处理 fl_charts 的工具提示时有点卡住了,我知道这样做我需要使用 fl_charts 文档中介绍的 LineTouchData 但我找不到制作方法它按预期工作。

如果有人可以向我展示如何根据滑块位置/值显示工具提示的可能示例,我将不胜感激。

先感谢您。

0 投票
1 回答
53 浏览

fl-chart - 图标作为带有 fl_chart 的标题?

我正在使用(下)创建一个简单的条形图,fl_chart并且需要使用图标作为 x 标题(而不是文本)。例如,用图标替换下面的0, 1, 2, 。3

在此处输入图像描述

下面是生成当前条形图的代码。是否可以添加图标/PNG 作为标题?getBottomTitles返回SideTitles哪个只能是字符串?

0 投票
1 回答
54 浏览

flutter - FlSpot 数据 Flutter

我在我的 Flutter 应用程序中使用 FL Chart,但我重复我的代码太多,我可以让它使用 i++

这是我的代码

在这里我使用来自 json 的数组数据

0 投票
1 回答
181 浏览

flutter - FL 图表垂直虚线独立于点

我在我的应用程序中使用FLChart来显示一些图表。那工作得很好。但是我希望能够像这样在我的图表中绘制一些垂直虚线:

在此处输入图像描述

如您所见,其中一些还应该有数字。我已经搜索了很长时间,但找不到这样的东西。

我在他们的例子中发现了一些类似的东西:

在此处输入图像描述

但它并不完全相同。线条应该独立于任何点。那可能吗?

0 投票
0 回答
36 浏览

android - 如何更改 LineChart (fl_chart) 中此浮动元素的颜色?

我不明白如何改变这个浮动元素的颜色。现在,它是绿色/灰色。我希望它是这种确切的颜色:颜色(0xFF3238a4)。另外,它的文本是蓝色的,我想把它改成 Colors.white。

我试图阅读所有文档,但我不知道哪个属性能够更改此元素背景和文本颜色。

如果这听起来是一个愚蠢的问题,我很抱歉,但我尝试了一切......你可以在这里找到文档。

这是我的代码。

在此处输入图像描述

0 投票
0 回答
35 浏览

flutter - 颤动图表:调整浏览器屏幕大小时调整图表大小

我是一名新的颤振开发人员,我正在使用 fl_chart 制作一些仪表板。我的图表在全屏(屏幕 2)的 Web 窗口中很好地显示,一旦我尝试调整窗口大小,在某个时间,饼图变得比父容器大(屏幕 1)知道我应该如何解决问题 ? 调整屏幕大小后的仪表板 全屏显示仪表板

piechart.dart 构建方法:

}

0 投票
1 回答
193 浏览

flutter - 如何在 Flutter 中更新图表 (fl_chart)

我想更新图表的数据,但它不起作用。我使用了我在 YouTube 视频上看到的图表,它使用了 fl_chart 包。这是 Youtube 视频的完整代码:https ://github.com/JohannesMilke/fl_bar_chart_example 。我想我必须在某个地方使用 setState ,但我不知道在哪里......我尝试了一些选项,但都失败了,所以除了问你之外我没有别的办法。weekChartDataGlobal 是我希望能够更改的变量,因此我的目标是使图表动态化。我只是或多或少地将整个代码放入了问题中,因为我不确切知道您需要什么来回答我的问题。如果您需要更多代码,请写信给我。提前感谢您帮助我解决这个大问题。

0 投票
1 回答
55 浏览

flutter - 颤振fl_chart中的奇怪直线

我有一个由多个数据组合而成的折线图。但是曲线在某些区域绘制了一些奇怪的直线。

我怎样才能删除这一行?

问题是我认为与数据无关,因为无法用光标触摸这条直线。我认为曲线会自动绘制类似回归线的东西,但我无法删除它。

谢谢你。

在此处输入图像描述

另一个例子

在此处输入图像描述

在此处输入图像描述

如果我选择点数据为真,您可以看到这些直线上没有数据点。 在此处输入图像描述