TreemapSelectionSettings constructor

const TreemapSelectionSettings({ Color? color, RoundedRectangleBorder? border, })

Creates TreemapSelectionSettings.

Customized the appearance of the tiles in selection state.

late List<SocialMediaUsers> _source;

@override
void initState() {
  _source = <SocialMediaUsers>[
    SocialMediaUsers('India', 'Facebook', 280),
    SocialMediaUsers('India', 'Instagram', 88),
    SocialMediaUsers('USA', 'Facebook', 190),
    SocialMediaUsers('USA', 'Instagram', 120),
    SocialMediaUsers('Japan', 'Twitter', 48),
    SocialMediaUsers('Japan', 'Instagram', 31),
  ];
  super.initState();
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: SfTreemap(
      dataCount: _source.length,
      weightValueMapper: (int index) {
        return _source[index].usersInMillions;
      },
      levels: [
        TreemapLevel(
          groupMapper: (int index) {
            return _source[index].country;
          },
        ),
      ],
      onSelectionChanged: (TreemapTile tile) {},
      selectionSettings: const TreemapSelectionSettings(),
    ),
  );
}

class SocialMediaUsers {
  const SocialMediaUsers(
    this.country,
    this.socialMedia,
    this.usersInMillions,
  );
  final String country;
  final String socialMedia;
  final double usersInMillions;
}

See also:

• TreemapSelectionSettings.color, for changing the selected tile color.
• TreemapSelectionSettings.border, for applying border color, width and border radius to the selected tile.

Implementation

const TreemapSelectionSettings({this.color, this.border});