direction property

Axis? direction

Arranges the legend items in either horizontal or vertical direction.

Defaults to horizontal, if the position is top, bottom or null. Defaults to vertical, if the position is left or right.

late List<DataModel> _data;
late MapShapeSource _mapSource;

 void initState() {

   _data = <DataModel>[
     DataModel('India', 280, "Low"),
     DataModel('United States of America', 190, "High"),
     DataModel('Pakistan', 37, "Low"),

   _mapSource = MapShapeSource.asset(
     shapeDataField: "name",
     dataCount: _data.length,
     primaryValueMapper: (int index) {
       return _data[index].country;
     shapeColorValueMapper: (int index) {
       return _data[index].storage;
     shapeColorMappers: [
       MapColorMapper(value: "Low", color:,
       MapColorMapper(value: "High", color:

 Widget build(BuildContext context) {
   return Scaffold(
     appBar: AppBar(
       title: Text('Default legend'),
     body: Center(
       child: SfMaps(
         layers: [
             source: _mapSource,
             legend: MapLegend(
               direction: Axis.horizontal,

class DataModel {
  const DataModel(, this.count,;

  final String country;
  final double count;
  final String storage;

See also:

  • position, to set the position of the legend.


final Axis? direction;