如何解决 Flutter 的 fl_chart 库中的“无命名参数”错误？

Question

我正在开发一个 Flutter 应用程序，使用

fl_chart

库来显示折线图。在尝试为图表轴设置自定义标题时，我遇到了错误，指示

SideTitles

构造函数中缺少命名参数。以下是我在 Android Studio 终端中收到的具体错误消息：

1. 错误：没有名称为“reversedSize”的命名参数。 反向尺寸：22，
2. 错误：没有名称为“getTitles”的命名参数。 getTitles: (值) { ... }

我搜索了

fl_chart

文档和现有的 Stack Overflow 问题，但找不到在

SideTitles

类中使用这些参数的示例。这是我的代码中发生错误的相关部分：

代码片段

import 'package:fl_chart/fl_chart.dart';
import 'package:flutter/material.dart';

class LineTitles {
  static getTitleData() => FlTitlesData(
        show: true,
        bottomTitles: SideTitles(
          showTitles: true,
          reversedSize: 22, // Error: No named parameter 'reversedSize'
          getTextStyles: (value) => const TextStyle(
            color: Color(0xff68737d),
            fontWeight: FontWeight.bold,
            fontSize: 16,
          ),
          getTitles: (value) {  // Error: No named parameter 'getTitles'
            switch (value.toInt()) {
              case 2: return 'MAR';
              case 5: return 'JUN';
              case 8: return 'SEP';
            }
            return '';
          },
          margin: 8,
        ),
      );
}

Answer 1

leftTitles

和

bottomTitles

可以有

AxisTitles

小部件。你需要像这样遵循它

static getTitleData() => FlTitlesData(
      show: true,
      bottomTitles: AxisTitles(
        sideTitles: SideTitles(
            showTitles: true,
            reservedSize: 22,
            getTitlesWidget: (value, meta) {
              switch (value.toInt()) {
                case 2:
                  return Text(
                    'MAR',
                    style: TextStyle(),
                  );
                //...
              }
              return Text(" ");
            }),
      ),
     /// do for second one 
    );