to property

double? to
final

Sets the range end for the color mapping.

The shape or bubble will render in the specified color if the value returned in the MapShapeSource.shapeColorValueMapper or MapShapeSource.bubbleColorValueMapper falls between the from and to range.

late List<Model> _data;
late MapShapeSource _mapSource;

 @override
 void initState() {
   super.initState();

   _data = <Model>[
    Model('India', 100, "Low"),
    Model('United States of America', 200, "High"),
    Model('Pakistan', 75, "Low"),
   ];

   _mapSource = MapShapeSource.asset(
     "assets/world_map.json",
     shapeDataField: "name",
     dataCount: _data.length,
     primaryValueMapper: (int index) {
       return _data[index].country;
     },
     shapeColorValueMapper: (int index) {
        return _data[index].count;
     },
     shapeColorMappers: [
        MapColorMapper(from: 0, to:  100, color: Colors.red),
        MapColorMapper(from: 101, to: 200, color: Colors.yellow)
     ]
   );
 }

 @override
 Widget build(BuildContext context) {
   return SfMaps(
     layers: [
       MapShapeLayer(
         source: _mapSource,
       )
     ],
   );
 }

class Model {
 const Model(this.country, this.count, this.storage);

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

See also:

Implementation

final double? to;