{{ target: series-map }}

series.map(Object)

Map.

Map is mainly used in the visualization of geographic area data, which can be used with visualMap component to visualize the datas such as population distribution density in diffrent areas.

Series of same map type will show in one map. At this point, the configuration of the first series will be used for the map configuration.

type(string) = ‘map’

{{ use: partial-component-id( prefix = “#” ) }}

{{ use: partial-series-name() }}

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

geoIndex(number) = null

In default case, map series create exclusive geo component for themselves. But geoIndex can be used to specify an outer geo component, which can be shared with other series like pie. Moreover, the region color of the outer geo component can be controlled by the map series (via visualMap).

When geoIndex specified, series-map.map other style configurations like series-map.itemStyle will not work, but corresponding configurations in geo component will be used.

For example: ~600x400

mapValueCalculation(string) = ‘sum’

Value of multiple series with the same map type can use this option to get a statistical value.

Supported statistical methods:

  • 'sum'
  • 'average'
  • 'max'
  • 'min'

showLegendSymbol(boolean)

Show the symbol in related area (dot of series symbol). Available when legend component exists.

roam(boolean|string) = false

{{ use: partial-roam() }}

{{ use: partial-seriesLayoutBy() }}

{{ use: partial-datasetIndex() }}

labelLayout(Object|Function)

{{ use: partial-label-layout( prefix = “##” ) }}

labelLine(Object)

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

{{ use: partial-label-line( prefix = ‘##’, length2 = true, minTurnAngle = true, showAbove = true, smooth = true ) }}

data(Array)

{{ use: partial-1d-data-desc( name = “map” ) }}

name(string)

The name of the map area where the data belongs to, such as 'China' or 'United Kingdom' .

value(number)

The numerical value of this area.

selected(boolean) = false

Whether the are selected.

itemStyle(Object)

Style of item polygon

areaColor(Color)

Color of the area.

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

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

label(Object)

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

{{ use: partial-label( prefix = “###”, defaultPosition = “‘bottom’”, formatter = true, noAlign = true, noVerticalAlign = true ) }}

labelLine(Object)

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

{{ use: partial-label-line( prefix = ‘###’, length2 = true, minTurnAngle = true, showAbove = true, smooth = true ) }}

emphasis(Object)

Emphasis state of specified region.

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

select(Object)

Select state of polygon.

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

{{ use: partial-tooltip-in-series-data() }}

{{ use: partial-marker( prefix = “#”, seriesType = “map”, hasCoord = true ) }}

{{ use: partial-silent( prefix = “#” ) }}

{{ use: partial-tooltip-in-series() }}

{{ target: map-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, noAlign = true, noVerticalAlign = true ) }}

labelLine(Object)

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

{{ use: partial-label-line( prefix = ‘####’ ) }}