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

问题描述

我构建了一个 Flutter 应用程序，并使用 fl_chart 来呈现条形图。

效果很好，但唯一要做的就是在每个栏中添加一个标签，就像在这个 UI 设计中一样：

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

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

有谁知道在栏上实现标签的最佳方法是什么？

谢谢！

解决方法

我认为使用 Stack 可能是正确的方法。

您是否尝试在条形图上堆叠另一个图表？

也许是这样的：

           LineChart(
              LineChartData(
                ...
                titlesData: FlTitlesData(
                  bottomTitles: SideTitles(
                    showTitles: true,getTextStyles: (double v) {
                      return TextStyle(
                          color: Colors.white,fontSize: 12.0);
                    },interval: [yourInterval],getTitles: (value) {
                      ...
                    },),leftTitles: SideTitles(showTitles: false),borderData: FlBorderData(
                  show: false,...
              ),