{{ target: component-geo }}

geo(Object)

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 = “#” ) }}

show(boolean) = true

Whether to show the geo component.

{{ use: geo-common( prefix = ‘#’ ) }}

regions(Array)

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(string)

Name of area in map, like 'Guangdong', or 'Zhejiang'.

selected(boolean) = false

Whether this area is selected.

itemStyle(Object)

Item style of this area.

areaColor(Color)

Area color in the map.

{{ use: partial-color-desc() }}

{{ use: partial-item-style( prefix = ‘###’ ) }}

label(Object)

{{ use: partial-label-desc() }}

{{ use: partial-label( prefix = “###”, formatter = true ) }}

emphasis(Object)

Style of emphasis region.

{{ use: geo-region-state() }}

select(Object)

Style of selected region.

{{ use: geo-region-state() }}

blur(Object)

{{ 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 }}

itemStyle(Object)

areaColor(Color)

The color of the map area.

{{ use: partial-color-desc() }}

{{ use: partial-item-style( prefix = ‘####’ ) }}

label(Object)

{{ use: partial-label( prefix = “####”, formatter = true ) }}