position property

TreemapBreadcrumbPosition position

Place the breadcrumbs either at the top or bottom of the treemap.

Defaults to TreemapBreadcrumbPosition.top.

late List<SocialMediaUsers> _socialMediaUsersData;

@override
void initState() {
   _socialMediaUsersData = <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: _socialMediaUsersData.length,
        weightValueMapper: (int index) {
          return _socialMediaUsersData[index].usersInMillions;
        },
        enableDrilldown: true,
        breadcrumbs: TreemapBreadcrumbs(
          builder:
          (BuildContext context, TreemapTile tile, bool isCurrent) {
            return Text(tile.group);
          },
          position: TreemapBreadcrumbPosition.bottom,
        ),
        levels: [
          TreemapLevel(
            groupMapper: (int index) {
              return _socialMediaUsersData[index].country;
            },
            labelBuilder: (BuildContext context, TreemapTile tile) {
              return Text(tile.group);
            },
          ),
          TreemapLevel(
            groupMapper: (int index) {
              return _socialMediaUsersData[index].socialMedia;
            },
            labelBuilder: (BuildContext context, TreemapTile tile) {
              return Text(tile.group);
            },
          ),
        ],
      ),
    );
  }

Implementation

final TreemapBreadcrumbPosition position;