问题标签 [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.
flutter - 当部分为空时,fl_chart 自定义图例被下推
我正在使用PieChart
fl_chart来显示本地保存文档的分布情况。图表中显示的百分比是两个文档类型列表长度的结果(见下图)。
但是当一个列表为空时,我有一个奇怪的错误,即我的自定义图例被向下推。ThePieChart
和 Legend 位于 Row 的内部,每个子项都有弹性因子(2 代表 the PieChart
,4 代表 Legend)。
我真的不明白是什么将 Legend 向下推,因为我的Expanded
小部件始终位于其中,Rows
因此PieChart
和 Legend 只占用可用的水平空间,而不是错误中发生的垂直空间(图 2)。
饼图小部件:
我将图表小部件显示在 a中,并用主屏幕内部的aCustomScrollView
包裹:SliverToBoxAdapter
编辑:
我只是对这个错误进行了更多调查,并Container
在我的CustomScrollView
, 下方放置了一个彩色SliverPadding
,CircularGraph
以检查标签列是否向下扩展。但正如您所见,彩色 Container 不受影响。看起来 Legend 位于 a 内部Stack
并定位,不会影响上方和下方的其他小部件。
flutter - Flutter fl_chart:如何为工具提示和其中的值设置动画?用折线图?
当使用fl_chart在折线图上移动手指时,我想以连续的方式为工具提示和其中的值设置动画。现在,当手指在图表上移动时,工具提示和其中的值会显示和隐藏。有人知道怎么做吗?
flutter - 使用带有 fl_charts Flutter 的滑块处理 Tooltip
我发现自己在尝试从 cupertinoSlider 的给定值处理 fl_charts 的工具提示时有点卡住了,我知道这样做我需要使用 fl_charts 文档中介绍的 LineTouchData 但我找不到制作方法它按预期工作。
如果有人可以向我展示如何根据滑块位置/值显示工具提示的可能示例,我将不胜感激。
先感谢您。
flutter - FlSpot 数据 Flutter
我在我的 Flutter 应用程序中使用 FL Chart,但我重复我的代码太多,我可以让它使用 i++
这是我的代码
在这里我使用来自 json 的数组数据
android - 如何更改 LineChart (fl_chart) 中此浮动元素的颜色?
我不明白如何改变这个浮动元素的颜色。现在,它是绿色/灰色。我希望它是这种确切的颜色:颜色(0xFF3238a4)。另外,它的文本是蓝色的,我想把它改成 Colors.white。
我试图阅读所有文档,但我不知道哪个属性能够更改此元素背景和文本颜色。
如果这听起来是一个愚蠢的问题,我很抱歉,但我尝试了一切......你可以在这里找到文档。
这是我的代码。
flutter - 如何在 Flutter 中更新图表 (fl_chart)
我想更新图表的数据,但它不起作用。我使用了我在 YouTube 视频上看到的图表,它使用了 fl_chart 包。这是 Youtube 视频的完整代码:https ://github.com/JohannesMilke/fl_bar_chart_example 。我想我必须在某个地方使用 setState ,但我不知道在哪里......我尝试了一些选项,但都失败了,所以除了问你之外我没有别的办法。weekChartDataGlobal 是我希望能够更改的变量,因此我的目标是使图表动态化。我只是或多或少地将整个代码放入了问题中,因为我不确切知道您需要什么来回答我的问题。如果您需要更多代码,请写信给我。提前感谢您帮助我解决这个大问题。