有没有办法禁用颤动热图中的“少多”提示？

Question

我想摆脱那种更少的提示显示，看起来更干净，但我不知道该做什么或从哪里开始。

我的代码：

import 'package:flutter/material.dart';
import 'package:flutter_heatmap_calendar/flutter_heatmap_calendar.dart';
import 'package:flutter_heatmap_calendar/flutter_heatmap_calendar.dart' as map_heatmap;


class MyHeatMap extends StatefulWidget {
  const MyHeatMap({super.key});

  @override
  State<MyHeatMap> createState() => MyHeatMapState();
}

class MyHeatMapState extends State<MyHeatMap> {
  @override
  Widget build(BuildContext context) {
    return map_heatmap.HeatMap(
      datasets: {
        DateTime(2024, 1, 6): 3,
        DateTime(2024, 1, 7): 7,
        DateTime(2024, 1, 28): 10,
        DateTime(2024, 1, 9): 13,
        DateTime(2024, 1, 13): 6,
      },
      colorMode: ColorMode.opacity,
      showText: false,
      scrollable: true,
      colorsets: const {
        1: Color.fromARGB(20, 76, 200, 80),
        2: Color.fromARGB(40, 76, 200, 80),
        3: Color.fromARGB(60, 76, 200, 80),
        4: Color.fromARGB(80, 76, 200, 80),
        5: Color.fromARGB(100, 76, 200, 80),
        6: Color.fromARGB(120, 76, 200, 80),
        7: Color.fromARGB(150, 76, 200, 80),
        8: Color.fromARGB(180, 76, 200, 80),
        9: Color.fromARGB(220, 76, 200, 80),
        10: Color.fromARGB(255, 76, 200, 80),
      },
      onClick: (value) {
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text(value.toString())));
      },
    );
  }
}

我期待如果“少多”显示被删除，它会看起来像这样。

Answer 1

您可以使用

showColorTip: false

禁用它。

class MyHeatMapState extends State<MyHeatMap> {
  @override
  Widget build(BuildContext context) {
    return map_heatmap.HeatMap(
      datasets: {
        DateTime(2024, 1, 6): 3,
        DateTime(2024, 1, 7): 7,
        DateTime(2024, 1, 28): 10,
        DateTime(2024, 1, 9): 13,
        DateTime(2024, 1, 13): 6,
      },
      colorMode: map_heatmap.ColorMode.opacity,
      showText: false,
      scrollable: true,
      showColorTip: false,
      colorsets: const {
        1: Color.fromARGB(20, 76, 200, 80),
        2: Color.fromARGB(40, 76, 200, 80),
        3: Color.fromARGB(60, 76, 200, 80),
        4: Color.fromARGB(80, 76, 200, 80),
        5: Color.fromARGB(100, 76, 200, 80),
        6: Color.fromARGB(120, 76, 200, 80),
        7: Color.fromARGB(150, 76, 200, 80),
        8: Color.fromARGB(180, 76, 200, 80),
        9: Color.fromARGB(220, 76, 200, 80),
        10: Color.fromARGB(255, 76, 200, 80),
      },
      onClick: (value) {
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text(value.toString())));
      },
    );
  }
}