{{ target: series-map }}
地图。
地图主要用于地理区域数据的可视化,配合 visualMap 组件用于展示不同区域的人口分布密度等数据。
多个地图类型相同的系列会在同一地图上显示,这时候使用第一个系列的配置项作为地图绘制的配置。
**Tip: **在 ECharts 3 中不再建议在地图类型的图表使用 markLine
和 markPoint
。如果要实现点数据或者线数据的可视化,可以使用在地理坐标系组件上的散点图和线图。
{{ use: partial-component-id( prefix = “#” ) }}
{{ use: partial-series-name() }}
{{ use: partial-colorby() }}
{{ use: geo-common( prefix = ‘#’, inMap = true, labelMinMargin = true ) }}
当前视角的中心点。可以是包含两个 number
类型(表示像素值)或 string
类型(表示相对容器的百分比)的数组。 从 5.3.3
版本开始支持 string
类型。
例如:
center: [115.97, '30%']
默认情况下,map series 会自己生成内部专用的 geo
组件。但是也可以用这个 geoIndex
指定一个 geo 组件。这样的话,map 和 其他 series(例如散点图)就可以共享一个 geo 组件了。并且,geo 组件的颜色也可以被这个 map series 控制,从而用 visualMap 来更改。
当设定了 geoIndex
后,series-map.map 属性,以及 series-map.itemStyle 等样式配置不再起作用,而是采用 geo 中的相应属性。
多个拥有相同地图类型的系列会使用同一个地图展现,如果多个系列都在同一个区域有值,ECharts 会对这些值统计得到一个数据。这个配置项就是用于配置统计的方式,目前有:
'sum'
取和。'average'
取平均值。'max'
取最大值。'min'
取最小值。在图例相应区域显示图例的颜色标识(系列标识的小圆点),存在 legend 组件时生效。
{{ use: partial-roam() }}
{{ use: partial-seriesLayoutBy() }}
{{ use: partial-datasetIndex() }}
{{ use: partial-series-group-id() }}
{{ use: partial-label-layout( prefix = “##” ) }}
{{ use: partial-label-line-desc() }}
{{ use: partial-label-line( prefix = ‘##’, length2 = true, minTurnAngle = true, showAbove = true, smooth = true ) }}
{{ use: partial-1d-data-desc( name = “地图” ) }}
数据所对应的地图区域的名称,例如 '广东'
,'浙江'
。
该区域的数据值。
{{ use: partial-data-group-id( prefix = ‘##’ ) }}
{{ use: partial-data-child-group-id( prefix = ‘##’ ) }}
该区域是否选中。
该数据所在区域的多边形样式设置
地图区域的颜色。
{{ use: partial-color-desc() }}
{{ use: partial-item-style( prefix = ‘###’ ) }}
{{ use: partial-label-desc() }}
{{ use: partial-label( prefix = “###”, defaultPosition = “‘bottom’”, formatter = true, noAlign = true, noVerticalAlign = true, minMargin = true ) }}
{{ use: partial-label-line-desc() }}
{{ use: partial-label-line( prefix = ‘###’, length2 = true, minTurnAngle = true, showAbove = true, smooth = true ) }}
该数据所在区域的多边形高亮状态
{{ use: partial-emphasis-disabled( prefix = “###” ) }}
{{ use: map-region-state( state = ‘emphasis’ ) }}
该数据所在区域的多边形选中状态
{{ use: partial-select-disabled( prefix = “###” ) }}
{{ use: map-region-state( state = ‘select’ ) }}
{{ use: partial-tooltip-in-series-data() }}
{{ use: partial-marker( prefix = “#”, seriesType = “map”, hasCoord = true ) }}
{{ use: partial-silent( prefix = “#” ) }}
{{ use: partial-universal-transition( prefix = “#” ) }}
{{ use: partial-tooltip-in-series() }}
{{ target: map-region-state }}
地图区域的颜色。
{{ use: partial-color-desc() }}
{{ use: partial-item-style( prefix = ‘####’, hasInherit = ${state} === ‘emphasis’ ) }}
{{ use: partial-label( prefix = “####”, formatter = true, noAlign = true, noVerticalAlign = true ) }}
{{ use: partial-label-line-desc() }}
{{ use: partial-label-line( prefix = ‘####’ ) }}