{{ target: component-geo }}
Geographic coorinate system component.
Geographic coorinate system component is used to draw maps, which also supports scatter series, and line series.
From 3.1.10
, geo component also supports mouse events, whose parameters are:
{ componentType: 'geo', // geo component's index in option geoIndex: number, // name of clicking area, e.g., Shanghai name: string, // clicking region object as input, see geo.regions region: Object }
Tip: The region color can also be controlled by map series. See series-map.geoIndex.
{{ use: partial-component-id( prefix = “#” ) }}
Whether to show the geo component.
{{ use: geo-common( prefix = ‘#’ ) }}
Configure style for specified regions. For example:
regions: [{ name: 'Guangdong', itemStyle: { areaColor: 'red', color: 'red' } }]
The region color can also be controlled by map series. See series-map.geoIndex.
Name of area in map, like 'Guangdong'
, or 'Zhejiang'
.
Whether this area is selected.
Item style of this area.
Area color in the map.
{{ use: partial-color-desc() }}
{{ use: partial-item-style( prefix = ‘###’ ) }}
{{ use: partial-label-desc() }}
{{ use: partial-label( prefix = “###”, formatter = true ) }}
Style of emphasis region.
{{ use: geo-region-state() }}
Style of selected region.
{{ use: geo-region-state() }}
{{ use: partial-version( version = ‘5.1.0’ ) }}
Style of blurred region.
{{ use: geo-region-state() }}
{{ use: partial-tooltip-in-coords-item( componentItemDesc = ‘region’, noAxis = true, version = ‘5.1.0’ ) }}
{{ use: partial-silent( prefix = “#” ) }}
{{ use: partial-tooltip-in-coords( noAxis = true, version = ‘5.1.0’ ) }}
{{ target: geo-region-state }}
The color of the map area.
{{ use: partial-color-desc() }}
{{ use: partial-item-style( prefix = ‘####’ ) }}
{{ use: partial-label( prefix = “####”, formatter = true ) }}