echarts地图series

### ECharts 地图 `series` 配置方法

#### 一、基础配置项说明

在ECharts的地图组件中，`series` 是用于定义具体图表类型的对象数组。对于地图而言，其核心在于设置合适的 `type` 和提供相应的地理坐标数据。

- **类型声明**

指定 `type: 'map'` 来表明这是一个地图类别的序列[^3]。

{
    type: 'map',
}

- **区域样式定制**

通过调整 `itemStyle` 可改变各省份的颜色填充等外观特性；而 `label` 则控制标签文字的表现形式[^1]。

{
    itemStyle: {
        areaColor: '#eee', // 设置默认背景颜色
        borderColor: '#fff'
    },
    label: { show: true }
}

- **数据绑定**

利用 `data` 字段来关联具体的地理位置及其对应的数值信息。这里的数据结构通常是一个键值对列表，其中 key 对应行政区划编码或名称，value 即为业务上的度量值。

[
    {name: "北京", value: 10},
    {name: "天津", value: 20}
]

#### 二、高级选项解析

为了实现更复杂的功能需求，还可以进一步探索如下几个重要属性：

- **视觉映射器 (visualMap)**

此功能允许创建一个可视化的色彩渐变条，用来直观反映不同范围内的数据差异程度[^2]。

visualMap: {
    min: 0,
    max: 100,
    text: ['High', 'Low'],
    realtime: false,
    calculable: true,
    inRange: {
        color: ['#e0ffff','#006edd']
    }
}

- **工具提示框 (tooltip)**

当鼠标悬停于某个地区之上时会弹出一个小窗口显示额外的信息，这有助于增强用户体验感。

tooltip : {
    trigger: 'item'
}

- **注册自定义地图**

如果想要绘制特定国家/城市级别的详尽地图，则需先调用 `registerMap()` 方法向系统登记新的地图模板文件，并确保 `option.mapType` 的设定与之匹配[^4]。

// 假设已准备好名为 china.json 的中国省级行政边界JSON文件
echarts.registerMap('china', chinaJson);
...
{   
    ...
    map: 'china'
}