to property

double? to

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:

• from, to set the range start for the range color mapping.
• value, to set the value for the equal color mapping.
• MapShapeSource.shapeColorMappers, to set the shape colors based on the specific value.
• MapShapeSource.bubbleColorMappers, to set the bubble colors based on the specific value.

Implementation

final double? to;