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

Question

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

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

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

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

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

谢谢！

Answer 1

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

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

也许是这样的：

           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,
                ),
                ...
              ),
            ),