在Flutter中更改折線圖軸設定

目前正在開發一個涉及使用 fl_charts 依賴項的應用程式。

              return Container(
                padding: EdgeInsets.all(10),
                width: double.infinity,
                height: 200,
                child: LineChart(

                  LineChartData(
                      borderData: FlBorderData(show: false),
                      lineBarsData: [
                      LineChartBarData(spots: [
                      FlSpot(0, double.parse(yParam[0])),
                      FlSpot(1, double.parse(yParam[1])),
                      FlSpot(2, double.parse(yParam[2])),
                      FlSpot(3, double.parse(yParam[3])),
                      FlSpot(4, double.parse(yParam[4])),
                      FlSpot(5, double.parse(yParam[5])),
                      FlSpot(6, double.parse(yParam[6])),
                      FlSpot(7, double.parse(yParam[7])),
                      FlSpot(8, double.parse(yParam[8])),
                      FlSpot(9, double.parse(yParam[9])),
                      FlSpot(10, double.parse(yParam[10])),
                      FlSpot(11, double.parse(yParam[11])),
                      FlSpot(12, double.parse(yParam[12])),
                    ],
                      color: Colors.red,)
                  ]),
                ),
              );

可見，圖表的 x 軸標簽顯示不正確。我想洗掉頂部的 x 軸標簽，只顯示旋轉 60 度的底部標簽。

我查看了以下參考資料，但似乎這些屬性不存在，或者我找不到在哪里插入正確的東西。

圖表資料從 Firebase 資料庫流入，并通過 streambuilder 元素進行更新。

非常感謝！

編輯：感謝下面的托盤，我能夠找到答案

              return Container(
                padding: EdgeInsets.all(10),
                width: double.infinity,
                height: 200,
                child: LineChart(

                  LineChartData(
                      borderData: FlBorderData(show: false),
                      lineBarsData: [
                      LineChartBarData(spots: [
                      FlSpot(0, double.parse(yParam[0])),
                      FlSpot(1, double.parse(yParam[1])),
                      FlSpot(2, double.parse(yParam[2])),
                      FlSpot(3, double.parse(yParam[3])),
                      FlSpot(4, double.parse(yParam[4])),
                      FlSpot(5, double.parse(yParam[5])),
                      FlSpot(6, double.parse(yParam[6])),
                      FlSpot(7, double.parse(yParam[7])),
                      FlSpot(8, double.parse(yParam[8])),
                      FlSpot(9, double.parse(yParam[9])),
                      FlSpot(10, double.parse(yParam[10])),
                      FlSpot(11, double.parse(yParam[11])),
                      FlSpot(12, double.parse(yParam[12])),
                    ],
                      color: Colors.red,
                      )
                  ],
                    titlesData: FlTitlesData(
                    topTitles: AxisTitles(
                      sideTitles: SideTitles(showTitles: false),
                    ),
                    rightTitles: AxisTitles(
                      sideTitles: SideTitles(showTitles: false),
                    ),
                    bottomTitles: AxisTitles(
                      sideTitles: SideTitles(showTitles: true, reservedSize: 30),
                      ),
                    leftTitles: AxisTitles(
                      sideTitles: SideTitles(showTitles: true, reservedSize: 30),
                      ),
                      
                  ),
                  ),
                ),
              );

uj5u.com熱心網友回復：

查看https://github.com/imaNNeoFighT/fl_chart/blob/3f1a6aee638bb89a4a5ff9097737a74e116e4778/example/lib/line_chart/samples/line_chart_sample7.dart#L168可能有一個名為“topTitles”的屬性。您可以嘗試將其設定為 false。

標籤：扑 镖 格式化 折线图

上一篇：Flutter：應用程式無法安裝，因為即使在開發者帳戶上添加Iphone設備的UDID后也無法驗證其完整性

下一篇：如何將影像作為引數傳遞給post請求Flutter中的鍵？